Shortcode for background color promo

[poretto]

i want to use the color rgb(242, 242, 242) for the background of the promo you see as example.
i use this shortcode for the blogpages

([cs_content][cs_element_section _id=“1” ][cs_element_row _id=“2” ][cs_element_column _id=“3” ][x_promo image=“https://www.la-confianza.nl/wp-content/uploads/2019/06/garderobe-1.jpg” alt="" style=“background color:#ad4e54;”]

in 5 stappen de

perfecte garderobe

wil je mijn geheim ook ontdekken?

[gap size=“25px”]

[button type=“flat” shape=“square” size=“regular” href=https://www.la-confianza.nl/online-training-2/ title=“Example”]KIJK HIER SNEL VERDER![/button]

[/x_promo][/cs_element_column][/cs_element_row][/cs_element_section][/cs_content])

what do i have to put in the existing shortcode to get the color in the background?

[jade]

Hi @poretto,

The promo content area has a default white background color. If you want to set a background color to the promo element area, it would be better if you set a class to the element through the class attribute of the promo shortcode and change the color of the area by targetting it through the class set it the element.

For example, the shortcode is:

[x_promo class="the-promo" image="https://www.la-confianza.nl/wp-content/uploads/2019/06/garderobe-1.jpg"]

Then add this code to X > Theme Options > CSS:

.the-promo .x-promo-content {
    background-color:#ad4e54;
}

http://demo.theme.co/integrity-1/shortcodes/promo/

Hope this helps.