Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 23, 2021 at 7:32 pm #1289976
    mostafa0401

    Hi guys, i am trying to add a shadow below my color sections that i have used for a background image, but it does not work. I have tried to find the solution on the web and tried ading both custom class and id to the section but it is not working.

    March 24, 2021 at 4:50 pm #1290172
    Nikko

    Hey mostafa0401,

    What are the steps you made to add a shadow below your Color Section? can you give us a link where you applied it? so we can take a closer look.

    Best regards,
    Nikko

    March 24, 2021 at 8:10 pm #1290222
    mostafa0401

    Hi and thank you for your reply, what i did was giving the sedtion a class and then aply the css in the css area in general styling.

    Like this:

    .color-section-shadow {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    }

    I also tried with giving it a id but that did not work, and i have tried multiple different box shadows.

    March 24, 2021 at 8:10 pm #1290224
    mostafa0401
    This reply has been marked as private.
    March 24, 2021 at 9:19 pm #1290234
    mostafa0401

    Hi, i found out what my problem was, i needed a margin in this case bottom margin for the shadow to be visible.

    March 25, 2021 at 2:00 am #1290248
    Nikko

    Hi mostafa0401,

    We’re glad to hear that :)
    If there are cases where you don’t need a margin I believe you can set its position to relative and give it a higher z-index value than the default one.

    Best regards,
    Nikko

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