-
Posts
-
Hello,
please have a look on these pages,
http://www.greekeggs.gr/
http://www.greekeggs.gr/%CF%80%CF%81%CE%BF%CF%8A%CF%8C%CE%BD%CF%84%CE%B1/baby-plus/
http://www.greekeggs.gr/%CF%80%CF%81%CE%BF%CF%8A%CF%8C%CE%BD%CF%84%CE%B1/%CE%B2%CE%B9%CE%BF%CE%BB%CE%BF%CE%B3%CE%B9%CE%BA%CE%AE%CF%82-%CE%B3%CE%B5%CF%89%CF%81%CE%B3%CE%AF%CE%B1%CF%82/
i want to have a semi transparent backgroung so text can be read more easily. The issue is that i want to apply this on different pages that i have an image set as background.
I tried to do this effect with a layer slider see this example http://www.greekeggs.gr/%CF%80%CF%81%CE%BF%CF%8A%CF%8C%CE%BD%CF%84%CE%B1/%CF%87%CF%81%CF%85%CF%83%CF%8C%CF%82-%CE%B1%CF%87%CF%85%CF%81%CF%8E%CE%BD%CE%B1%CF%82/but i dont want to do it with the layerslider.
thanks
Hey avraamd!
Thank you for using Enfold.
You can add a unique selector to any elements on the advance layout builder except for column layouts. Refer to this link for more info:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Edit the text block element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, use “transparent-text-block”. You can add something like this on your custom.css or Quick CSS:
.transparent-text-block { background: rgba(0,0,0,.5); padding: 10px; }Regards,
Ismael
- The topic ‘Semi transparent text blocks on different pages’ is closed to new replies.