Specific CSS for a single Call To Action box

teolab · July 2017

Hello,

I need to set a custom class for a single call to action box on my website, because the standard color of the link (blue) is, for one call to action box, on a same blue background.

I would like that the title, the button & the text are all white (and for the button, on hover in #e7e2dc)

So I tried to create a custom class named .WhiteOne :

.WhiteOne .call_to_action_wrapper .call_left_h3 {

color: #FFFFFF !important;}

.WhiteOne .call_to_action_wrapper .icon_wrapper {

color: #FFFFFF !important;}

.WhiteOne .call_to_action_wrapper .call_right {

color: #FFFFFF !important;}

It works for the icon + the call_right, but not on the title (i tried without _h3 too)

Can you help me ?

And can you tell me how can I set the hover color on the icon ?

Thank you !

Bryan · July 2017

Hi,
Please send a link to this page and show which do you want to change
thanks

teolab · July 2017

Hello,

I'm working on localhost for the moment ! My old website is live but quite different.

Sorry that I can't send this link

Could I come back on this feed when I upgrade it ?

Many thanks !

Bryan · July 2017

Yes, please come back here when it will be live.

teolab · August 2017

Hello,

The site is live so perhaps could you help me now !

So, here is the problem : http://www.lacupluneale.com/utilisation-insertion-retrait-nettoyage/

The 2 call to action boxes titles 'telecharger la notice complète' et 'consulter la FAQ' (after the demo slider) are in #555553 as setted up in my theme, but on this page, i would like them in white.

What is the right css ?

Many thanks !

Bryan · August 2017

THis is the custom css

.call_to_action h3 {
	color: white !important;
}

teolab · August 2017

So simple... Many thanks !!!

Specific CSS for a single Call To Action box

Comments