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

    Hi
    For a new site with boxed layout I want to apply rounded corners to the main container only (.main_color), without the header.
    using “box-shadow: 7px 7px 30px -7px rgba(0,0,0,0.45);”
    This only works on the selector #main and then the header also has a shadow.

    (BTW using “border-radius” on .main_color works fine, also applying box-shadow only produces a fraction of a shadow in each rounded corner)
    What am I doing wrong?

    Thank you or your help
    Michael

    #1044703

    Hi Michael,

    Where can we see the results you are getting?

    Best regards,
    Rikard

    #1044770

    Hi Rikard,

    for the time being, during building it is http://test2018.mueller-gartenplanung.de/
    then it is http://mueller-gartenplanung.de/

    Kind regards
    Michael

    #1045147

    Hi Michael,

    Thanks for that, though I’m not sure I understand what you need help with? The border radius looks to be working fine on my end.

    Best regards,
    Rikard

    #1045204

    Hi Rikard,

    yes, border radius is fine. I also try to have a shadow only for the container with rounded corners, and not the header above.
    I could not find the CSS selector to achieve that

    Kind regards
    Michael

    #1045570

    Hi Michael,

    Box shadow won’t be seen since that element is 100% wide, you will have to add margins or make it less wide for it to show. For instance:

    .main_color {
        box-shadow: 3px 3px 3px #000;
        margin: 5px;
    }

    Best regards,
    Rikard

    #1045627

    Hi Rikard,

    got it, excellent. Thank you for your help.

    Kind regards
    Michael

    #1045824

    Hi Michael,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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