Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #242389

    I have a background image in a color section. On top of the background image I have another image and text layer beneath. Now because the background image is fairly vivid and rightly so in certain cases, I would like to have a block of color or bottom with frame feature color block similar to that in full screen slider such that this image and text layer resides on this contrasting color for better visibilityHow can I do this whilst affecting only this color block.

    #243113

    Hey codepantry!

    I will need a url to see and understand better what you have describe in there, let me/us know when you have it.

    Regards,
    David

    #243611

    Here’s the link…http://bit.ly/1iC62Qi

    As you scroll down you will see instances of text that is not visible in which case I would like a border frame below.
    Also the text layout does not seem to be taking the selected color. When I look at the code, it shows #000000 as the font color but the text shows the theme color.

    Lets use the first color section as an example so as to resolve this
    “Save Time…..etc”

    #244258

    Hello Any support available??

    #244321

    Hi!

    Thank you for the link and the explanation. You can apply the background color on the flex column. Use this on Quick CSS or custom.css:

    #savetime div.flex_column {
    background: rgba(255,255,255,.5);
    padding: 10px;
    }

    Change the text color using this:

    .main_color strong {
    color: #000000;
    }

    Cheers!
    Ismael

    #245232

    Thank you. That worked.
    How do I left align it so that the background image is better visible?

    #245235
    • This reply was modified 10 years, 9 months ago by codepantry.
    #246229

    Answered you here – https://kriesi.at/support/topic/left-align/

    Cheers!
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Placing color block beneath image and text layer’ is closed to new replies.