Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 20, 2015 at 3:43 am #490520
    blaisen

    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 9 years, 3 months ago by blaisen.
    August 20, 2015 at 3:26 pm #490829
    Yigit

    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

    August 20, 2015 at 7:27 pm #491030
    blaisen

    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.

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