Content Shadow Removal and Decrease Header/Content Padding

  • Resolved jneal95

    (@jneal95)


    6 years, 7 months ago

    Hello,

    There appears to be a slight shadow around my content on my homepage that I would like to remove:
    Also, I would like to decrease or get ride of the content’s top padding below the header. I don’t mind the spacing on the home page but do not like the excess space on my other pages

    I am a graphic designer rather than a developer so I am not super savy with coding and developing. Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • .entry-header, .page-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    margin: 0 0 30px;
    padding: 0px 0 5px;
}

    if you remove the margin and padding from style.css that will align it the same as on the home page

    i couldn’t see the shadow?

    Thread Starter jneal95

    (@jneal95)

    Thank you! That works. The shadow/outline is super faint so I guess if other’s don’t notice it, it’s not that big of a deal. Thanks again for your help!

    @jneal95

    this is resolved but just in case it’s annoying you! ??

    if you are referring to the faint shadow around images, it’s from this in style.css:

    .page-content img, .entry-content img, .entry-summary img {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

    if you remove it, that’ll get rid of the shadow

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Content Shadow Removal and Decrease Header/Content Padding’ is closed to new replies.