Hi!
I am now using border on columns to make them stand out, but is it possible to add a shadow on them?
If so, how?
Thanks!
Hey luckylobo10!
Drag a codeblock element to the page and add this inside.
<style type = "text/css">
.flex_column {
box-shadow: 0px 0px 10px black;
}
</style>
Cheers!
Elliott
Thank you! Works perfectly.
Only problem is that that code also affect the columns in the footer. Possible to avoid that?
Hey!
Change the code to:
<style type = "text/css">
.entry-content-wrapper .flex_column {
box-shadow: 0px 0px 10px black;
}
</style>
Cheers!
Basilis
Thank you! Works perfectly :)
Can you please tell me how I can target just one column with that code? Or f.ex all the columns inside one color section.
Hi,
I think the easiest way would be to add the CSS to a class in Quick CSS and then assign the class to the columns you wish, you can activate that function by following this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
.box-shadow {
box-shadow: 0px 0px 10px black;
}
Best regards,
Rikard
Hi Rikard,
can you explain precisely how one does that?
Best regards,
Jan
Hi,
The link Rikard provided shows the method of adding a custom class. As for adding the css, simply add the css to the quick css box under Enfold Options > General Styling
Best regards,
Jordan Shannon