Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 26, 2015 at 3:35 pm #402722
    westernaspect

    Hi
    I’d like to apply a semi-transparent background (highlight) colour block around my h1 title, where it appears within a top-of-page Colour Section. The purpose is to improve text legibility, as the text is getting lost when overlaid on the background photo.
    Basically I want to achieve the same effect as the semi-transparent highlight blocks that can be applied to the captions in the Easy Slider.
    Hope the description of my issue is clear!
    Is there some CSS I can apply to achieve this effect?
    Thanks

    February 26, 2015 at 5:02 pm #402785
    begrafiks

    Hi westernaspect;
    in order to have a background color behind(!) your h1 title in a color section it would be safer to give a custom id to your “color section” and add the code below : to have a white 50% transparent background :

    #my-color-section h1{background-color: hsla(0, 100%, 100%, 0.5);}
    February 26, 2015 at 5:28 pm #402816
    westernaspect

    Thanks for that. Apologies for being a bit dim, but how/where do I assign that custom ID to the colour section?

    February 26, 2015 at 5:32 pm #402823
    Yigit

    Hi!

    Please see – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png

    @begrafiks     thanks :)

    Best regards,
    Yigit

    February 26, 2015 at 5:35 pm #402826
    westernaspect

    Right. Got it. Thank you both.

    February 26, 2015 at 5:39 pm #402830
    Yigit

    Hi!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add highlight colour block around h1 text in Colour Section?’ is closed to new replies.