avada blockquote style

[Uta]

#539288

Hi, how can I change the blockquote style?

[nelliemar]

#595701

I’m also wondering this!

Did you find a solution @uta?

[nelliemar]

#595702

I tried f.ex this custom css

.blockquote {
background-color: #ff0000;
}

but it’s def not working

Still, the same grey b-quotes on my page 🙁 https://www.curiouschloride.com/substances/sodium-lauryl-sulfate/

[pigsandbees]

#596486

blockquote is a HTML element, not a CSS class. Remove the . and your CSS works:

blockquote {
background-color: #ff0000;
} 

Link to a screenshot showing your site’s blockquote with a yellow background:

Link

To change the blockquote text colour try the following (change the colour to your choice of colour):

blockquote > p {
color: #ffffff;
}

[nelliemar]

#601123

Hi @pigsandbees,

Thank you for your reply!

I’m really a beginner at this and unfortunately, I can’t make it work.

I tried to put the code in Code fields but it’s not working. And I also tried the Custom CSS’ field which I’m pretty certain is wrong, and it’s not working anyways.

Any suggestion of where I could paste it, to make it apply to all pages?

Many thanks!

[pigsandbees]

#601264

Don’t put it in the code fields. It should go in Custom CSS (Avada > Theme Options > Custom CSS).
You may have to add !important to the code as below:

blockquote {
background-color: #ff0000 !important;
} 

blockquote > p {
color: #ffffff !important;
}

Remember to Save Changes and clear Fusion caches (Avada > Performance > Reset Fusion caches ) along with any caching plugins and your browser cache.

[nelliemar]

#601939

Thank you so much! It totally worked now.

I used the code exactly as in your last post and the colors changed.

Really appreciate the additional info as well.

Thanks again!

[Author]

Posts