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

    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!

    #516973

    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

    #516985

    Thank you! Works perfectly.
    Only problem is that that code also affect the columns in the footer. Possible to avoid that?

    #517061

    Hey!

    Change the code to:

    <style type = "text/css">
    .entry-content-wrapper .flex_column {
        box-shadow: 0px 0px 10px black;
    }
    </style>

    Cheers!
    Basilis

    #517072

    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.

    • This reply was modified 9 years, 2 months ago by luckylobo10.
    #517825

    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

    #956668

    Hi Rikard,

    can you explain precisely how one does that?

    Best regards,
    Jan

    #956670

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.