Page 1 of 1

*SOLVED* Why won't text caption on "Accordion" change?

Posted: Tue Aug 10, 2021 10:57 pm
by etcbbu
Hello,

I have a page on which I am working for a new client:

https://grantsroofingtx.com/test/about.php

with an "Accordion" option near the bottom of the page, with images of employees. Notice when you mouseover the various employee images comprising the Accordion tool, the text-background is blue, this is ok. This is great. This is what I want. Why is the text showing up as Black whenever you visit on the live page, but as you can see from the following screenshot:

https://www.grantsroofingtx.com/test/scrn81021a.png

on the left side of the screen, where I show the Properties settings for the tool, it's set to White. What's the deal? Is this tool actually getting some settings of of jQuery settings built-in to the page or something..?

Re: Why won't text caption on "Accordion" change?

Posted: Wed Aug 11, 2021 2:05 am
by crispy68
It's because the actual text is a heading tag <h3> and your <h3> styles in the style manager (which is set to black) are overriding the colors set in the accordion.

If you are using the styles in the style manager, then you can add the following CSS code to only adjust the caption color. Either add this to the page html or insert a html code object set to between the <head> tags:

Code: Select all

<style>
.caption h3{color:#ffffff;}
</style>

Re: Why won't text caption on "Accordion" change?

Posted: Wed Aug 11, 2021 3:32 pm
by etcbbu
@crispy68 - Thanks so much for the help; no idea it referenced <h3>.
:D :D :D WYSIWYG Web Builder is the best :D :D :D