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
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;
}
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?