-
Posts
-
Is there a way to add a transparent white text box to specific Special Heading texts? Or is that only possible with the text block, and if so, how do I?
Hey!
Try adding this code to the Quick CSS:
.avia-section .flex_column { background: rgba(255, 255, 255, 0.5); }Cheers!
JosueThat works to an extent.. Except it creates boxes also behind every icon, accordion, and separator I have too…
Set a custom ID to those colors section and change the code accordingly:
#transparent-section .flex_column { background: rgba(255, 255, 255, 0.5); }Cheers!
JosueThat didn’t seem to add anything for me.. However when I added:
h1.av-special-heading-tag { background: rgba(255,255,255,0.75); padding: 10px; }With the custom tag, it gave me the box, but only behind the actual heading and not the sub-heading. Anyway to get that too?
Guess I spoke too soon… All the columns that are just “spacers” so I can move the text to the right or left side of the picture, are showing little white lines with that code.
Hey!
Alright. Please remove this code:
#transparent-section .flex_column { background: rgba(255, 255, 255, 0.5); }Add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_theme_support('avia_template_builder_custom_css');Edit the elements where you want to add a transparent background then Aadd a unique css selector on “Custom Css Class” field. For example, add “transparent-block”.
You can add something like this on your custom.css or Quick CSS:
.transparent-block { background: rgba(255, 255, 255, 0.5); }In your case, edit the special heading element. Refer to this link for more info: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/`
Cheers!
Ismael
- The topic ‘Transparent Text Boxes’ is closed to new replies.