Basic box-shadow troubleshoot pt.2

  • Resolved jazzbrass

    (@jazzbrass)


    10 years, 2 months ago

    Very new to css. I’ve successfully created a box-shadow around my header image and main content area… woohoo.

    The problem is: On my main page, which displays multiple blog posts, the shadow continues on the side of the wrap, even though the content area stops to reveal the fixed background image between the posts. Is there any way to have the shadow wrap just the white content area?

    You’ll have to scroll down to see what I’m talking about:
    https://www.nickborges.org

    Thank you very much in advance for any advice!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Instead of putting it on your .site-content class, try it on the .box-wrap class, depending on where else that class is used. If it’s also used elsewhere it may give unwanted results.

    Thread Starter jazzbrass

    (@jazzbrass)

    Thanks Bill!

    Took it off site-content and applied it to blog and page wraps, it seemed to do the trick.

    Last thing I need to figure out is how to make a shadow for my comment area at the bottom of each blog blend with the shadow of my blog content area, since they do not have a page break. But I will figure this out!

    Thanks again.

    Glad that worked for you. As you continue to fine tune your layout, you might find the need to get more specific with your selectors. For example, instead of the .box-wrap class alone, try specifying .home .box-wrap or .single .box-wrap to distinguish between your home page and post pages. You might even find you need to get more specific than that, depending on your particular theme. Good luck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Basic box-shadow troubleshoot pt.2’ is closed to new replies.