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.
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
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”
Hello Any support available??
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
Thank you. That worked.
How do I left align it so that the background image is better visible?
Answered you here – https://kriesi.at/support/topic/left-align/
Cheers!
Yigit