How to change background color of promo box?

Hi Dude,

thanks for your help. Where exactly do I find the “quick css field” in the promo box? When i click on the promobox and open up the options there is no such field.

I guess you probably mean the quick css field within enfold general style settings.

Is there a way to change the colour of just one promobox, not affecting all the others in the theme?

Thanks

Dear Ismael,

I have no clue of what you said…sorry but I am not a techy…could you be a bit clearer on what should I inspect what? I mean, what does “inspect the body class” mean and how do I perform such task?

“This will only change the promobox background color on page with the id 734″…what does it mean? does it means that my specific page has an id called 734? If so, how did you find out about that? I am not a coder, so I don’t understand what you mean…

Thanks.

Antonio

Ok, Thanks.

So I’ll be clearer for all the others like me because I had to think twice before understanding what you meant:

1- Inspect the body class for the current page with the promobox as per Ismael instructions (see Chrome).

2- locate the page id corresponding to the page you want to change the color of the promobox only (and not that of all the promoboxes in the entire site, or you will insert Dude’s general css code to do that – see above).

3 – then go to the Styling Options in Enfold Panel and insert the following code in the quick CSS field:

.page-id-XXX .main_color .av_promobox{

background: #fcfcfc;

}

where the XXX stands for the page id number.