Keyword

Select Category

Question Status

Ask Question

Ticket for: Accordions

pvalelly

May 12, 2022 01:59 AM 1 Answers

Member Since May 2022

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

1 Answers

Best Answer

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

pvalelly

- May 25, 2022 10:13 PM

Flag (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?