Docs

[ChappyEight]

I have spoken with you previously about changing the color of the accordion background and was instructed to insert the following code:

.x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #B7AAC9;

When I did this, it worked great. But today, I noticed that it was no longer working. Any help would be greatly appreciated.

Thanks.

[ChappyEight]

This reply has been marked as private.

[Christopher]

Hi there,

Please provide us with URL of page in question.

Thanks.

[ChappyEight]

Sorry, just saw this. The URL of the actual page is: http://beautifulthing146.com/resources/

[Friech]

Hi There,

Please update the css code to:

.x-accordion-inner {
	background-color: #B7AAC9 !important;
}

Hope it helps, Cheers!

[ChappyEight]

Unfortunately that didn’t work.

[Nabeel A]

Hi again,

Please provide the page URL that has an Accordion so we can take a look.

Thanks!

[ChappyEight]

Apologies again, for some reason the subscribe notification isn’t sending me emails.

Anyway, here is the page URL: http://beautifulthing146.com/resources/

[Joao]

Hi There,

I have added the code above provided on your Appearance / Customizer / Custom / CSS

And it is working fine.

I left the code there so the changes are now applied to your website.

Please have a look.

Let us know if you need help with anything else.

Thanks,

Joao

[ChappyEight]

Sorry, to be clear, what I’m wanting to change is the accordion background in the collapsed state. I had CSS code previously that was doing that, but at some point it stopped working. Here is the code that seems to no longer work:

.x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #B7AAC9;

Thanks,
Landon

[Joao]

Hi Landon,

Please use this code instead:

.x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #B7AAC9 !important;
}

Hope that helps,

Joao

[ChappyEight]

Unfortunately that didn’t work either. Any other ideas?

It’s just really strange because that code worked fine until a couple weeks ago.

[Joao]

Hi Landon,

You might need to clear cache on your browser.

I had tested the code last week and it does work. I have placed the code for you this time.

Please see image attached.

Please clean your browser cache, if doesn´t work after you have cleaned your cache on your end.

Please inform us which browser and device you are using.

Thanks,

Joao

[ChappyEight]

Very interesting. That code was already placed in the custom CSS area but it only works when placed at the end (it was near the top previously).

Thanks for all your help. Why would it matter if it’s placed at the beginning or end of the Custom CSS area?

[Joao]

Hi There,

CSS works like this, the code that comes later has priority.

I did not check but you might have another code that is conflicting with it if that is hapenning.

Have a look if you dont have

.x-accordion-heading .x-accordion-toggle.collapsed somewhere else on your code setting another value to background color.

I am glad we helped.

Let us know if you need help with any other issue.

Joao

[Author]

Posts