Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 21, 2019 at 6:50 pm #1112379
    AbstraktMarketingGroupWebsites

    I’ve been trying to code a box shadow in custom css styling to add a box shadow to a column using the custom classes.
    It seems like no combination of classes is allowing me to actually add a shadow to this column.
    The column in question is the white column with the form on it

    I’ve tried a few things like this:
    .amg-box-shadow .flex_column {
    box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.65) !important;
    }
    and
    .amg-box-shadow .entry-content-wrapper .flex_column {
    box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.65) !important;
    }

    and nothing seems to be working. What else can I try?

    June 22, 2019 at 5:10 am #1112482
    Jordan Shannon

    Hey AbstraktMarketingGroupWebsites,

    Did you add the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    June 22, 2019 at 4:22 pm #1112581
    Guenni007

    i do not see your site but a box-shadow is always out of the box. So the containers have to have overflow : visible on that case
    Have a look if a parent-container got overflow: hidden.

    PS: didn’t the columns got that alb option on Border Tab: Column Box-Shadow

    PPS: if you got the custom-class on the flex-column: it is on that container itself so:

    .flex_column.amg-box-shadow {
    box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.65);
}

    if you gave the custom-class to the surrounding container ( on most cases a color-section) so all columns inside will get the box-shadow:

    .amg-box-shadow .flex_column {
    box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.65);
}

    try it first without !important

    June 22, 2019 at 9:27 pm #1112633
    Victoria

    Hi AbstraktMarketingGroupWebsites,

    Did you get it working for you or do you need more help?

    Best regards,
    Victoria

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