Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #490520

    I have put a background image in a color section and want text over it. Unfortunately it’s a complex image, and white text does not read well by itself. Is there a way to create a transparent black background behind the text along the lines of the captions on layer sliders? I know that I can add a background overlay, but that effects the entire picture and I just want to pop the text area. Thoughts?

    • This topic was modified 8 years, 7 months ago by blaisen.
    #490829

    Hey Blaise!

    Please wrap your text in special heading inside a span tag with custom class as following

    <span class="custom-tag">hey you!</span>

    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .custom-tag { padding: 5px; background-color: rgba(0,0,0,0.5); }

    Regards,
    Yigit

    #491030

    After trying multiple css only solutions, that worked! Thanks!

    For others following along, I added the entire span class code into the ‘Heading Text’ field of the Special Heading, then set the other parameters including text color. Previously I had just used a text box. This solution was exactly what I was hoping for.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Text Over Color Section’ is closed to new replies.