Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 10, 2015 at 4:13 pm #516843
    luckylobo10

    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!

    October 11, 2015 at 3:40 pm #516973
    Elliott

    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

    October 11, 2015 at 4:10 pm #516985
    luckylobo10

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

    October 11, 2015 at 10:33 pm #517061
    Basilis

    Hey!

    Change the code to:

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

    Cheers!
    Basilis

    October 11, 2015 at 10:55 pm #517072
    luckylobo10

    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.

    October 13, 2015 at 4:52 am #517825
    Rikard

    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

    May 14, 2018 at 9:11 pm #956668
    Nu-Vision

    Hi Rikard,

    can you explain precisely how one does that?

    Best regards,
    Jan

    May 14, 2018 at 9:29 pm #956670
    Jordan Shannon

    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

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