Docs

[Todd B]

I’m trying to change the H2 color inside of a callout using a custom classes in the callouts and custom CSS on the page but I haven’t been able to figure it out.

Site is http://development.characterandleadership.com

I created classes for each of the top two callouts on the page (below the slider revolution on the homepage) and was able to add a background image and style the body text color and shadow but I cannot figure out how to change the color of the H2 text. It needs to be white. I can see the H2 is picking up the text shadow css.

Here’s what I tried:
.x-callout.my-callout-1 .h2 {
color:white
}

Please let me know how I can accomplish this. Thanks.

[Darshana]

Hi there,

Thanks for writing in! I don’t see the class “my-callout-1” in your X-Callout element. If you add that, the following code should work (https://snag.gy/MomRj0.jpg).

.x-callout.my-callout-1 > h2 {
    color: #ff0000;
}

Hope that helps.

[Todd B]

Thanks, that worked.

[Darshana]

Glad we were able to help 🙂

[Author]

Posts