Vertical Offset for Image?

  • Resolved TessT

    (@tesst)


    5 years, 5 months ago

    Awesome plugin! Thank you so much. I read the support posts but couldn’t find

    Is there a way to “lower” the featured image? on the page? My theme (StudioPress’ Monochrome Pro) has an 80 px tall non-scrolling menu with a z-index that keeps it on top of the featured image. That’s fine, but there are times when the image has some detail at the top that I’d rather not have hidden under the nav menu.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    Sure, you can just add some margin to the top of the banner image. Something like this:

    
.big-leader {
    margin-top: 80px;
}

    Looking at Monochrome Pro, it looks like the .site-header is not fixed on smaller screen sizes, so you would need to figure out the media query to either apply this margin conditionally, or remove it on mobile.

    You can add this CSS to your theme’s style.css, or use the Additional CSS panel in the Customizer. Hope that helps you get started–

    Thread Starter TessT

    (@tesst)

    Thanks for the quick response. You’re the best! I decided to go with resizing the images for now.

    I hit your tip jar as thanks for the crazy fast response.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Vertical Offset for Image?’ is closed to new replies.