Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 15, 2020 at 11:10 am #1245987
    Skylla-Lametta

    Hi,
    I have tried for some time now to add a custom shadow to a color section without success. It is getting really frustrating.
    I think I need to target following div: flex_column_table av-equal-height-column-flextable -flextable
    Maybe someone can help? I would really appreaciate it!
    Please find my details in the private content.

    Thank you very much in advance!
    Stefanie

    September 16, 2020 at 7:32 am #1246182
    Rikard

    Hi Stefanie,

    Thanks for the login details, could you upgrade the account to have admin rights please?

    Best regards,
    Rikard

    September 16, 2020 at 9:00 am #1246223
    Skylla-Lametta

    Hi Rikard,
    thank you for your message. The account is now upgraded.
    Best,
    Stefanie

    September 17, 2020 at 6:07 am #1246429
    Rikard

    Hi,

    Thanks for that. If you give the section an ID in the element options, then you can target it using CSS like this:

    #your-id {
box-shadow: -6px -6px 16px rgba(255, 255, 255, 1), 6px 6px 16px rgba(190, 190, 190, 0.6);
}

    You will likely have to add a margin to it as well, otherwise the boxshadow won’t show.

    Best regards,
    Rikard

    September 17, 2020 at 1:17 pm #1246522
    Skylla-Lametta

    Hi Rikard,
    I already tried adding a custom class, but it didn´t work.
    But now I figured out why – my mistake was trying to target the wrong container.
    I didn´t need to target the colour section but both columns individually. It is a pitty that you can´t use nested columns or nested color sections in Enfold. This way it would have been much easier to solve.

    But now it works! Thank you so much for your help!

    Best wishes
    Stefanie

    September 17, 2020 at 1:55 pm #1246533
    Skylla-Lametta

    Hi Rikard,
    I would have one more little question. I tried to alter the breaking point of the two columns for screens below 1200px, so they become each 100%.
    Because on smaller screens the image does not match the height of the text column which looks a bit weird.
    Unfortunately I didn´t figure out yet how to target them.
    Could you please give me a hint?

    Best wishes,
    Stefanie

    September 19, 2020 at 4:26 am #1246964
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 1200px) {
.postid-176 #av_section_1 .flex_column.av_one_half {
    width: 100%;
    display: block;
}
}

    Best regards,
    Rikard

    September 22, 2020 at 1:18 pm #1247612
    Skylla-Lametta

    Hi Rikard,
    thank you so much! Now it works beautifully. This support is really amazing!

    Best,
    Stefanie

    September 23, 2020 at 6:35 am #1247756
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Custom Shadow for color section’ is closed to new replies.