Link color

We have renamed Post Grid plugin to Post Grid Combo
Ticket for: Accordions
0
Link color 1
pvalelly
May 12, 2022 01:59 AM 1 Answers
Member Since May 2022
Subscribed Subscribe Not subscribe
Flag(0)

Hello,

My name is Peter Valelly and I work at University of Pennsylvania Press. We recently launched a new website, and our website developer Supadu recommended your WordPress plugin for accordion pages. We have one page we want to set up as an accordion, and I've mocked it up on our staging site here: <a href="https://staging-pennpressorg.kinsta.cloud/prizes-awards/" target="_blank" rel="noopener" data-behavior="truncate">https://staging-pennpressorg.kinsta.cloud/prizes-awards/</a>.

Overall it looks good. However, I've noticed that there is no link coloring in the accordion content, and I can't seem to figure that out on the styling settings in the WordPress backend. Do you have any ideas? The top line of each little four-line block of text is a link, but since they aren't colored it might not be intuitive for users.

Best,
Peter

0 Subscribers
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
0
Link color 2
Azizul Raju
May 12, 2022
Flag(0)

Hi @Peter,
Thanks for your post.

by default, the link color comes from the theme style. However, if you want to set your custom style you've to write custom CSS for that. We have an option field where you can write your CSS code. Kindly follow the screenshot and paste the following CSS code to achieve the link style. Let us know the progress..

screenshot: https://i.imgur.com/QFQpRcf.png

.ui-accordion .accordion-content a{
font-weight: bold !important;
font-size: 18px !important;
color: #a8235b !important;
text-decoration: underline !important;
margin-bottom: 7px !important;
display: block !important;
}

Link color 3
pvalelly
- May 25, 2022 10:13 PM
Flag (0)
0

This worked! https://staging-pennpressorg.kinsta.cloud/prizes-awards/ Thank you!!

I used link color #235ba8 as the main link color — is it possible to add a hover color #a8235b?

Sign in to Reply
Replying as Submit