Limit Image to Body

  • Hi,

    I am using the Infinity Pro theme. The image currently stretches across the entire browser. On page layouts with a sidebar, is it possible to limit the image to the body portion of the page?

    Thanks

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

    (@littlerchicken)

    One option would be to target the image banner with CSS. This works for me using Chrome’s Dev Tools:

    
.big-leader {
    max-width: 1280px;
    margin: 0 auto;
}

    Hope that helps you get started–

    Thread Starter jpalinkas

    (@jpalinkas)

    Hi Robin,

    It does make the image smaller, but it is still above both the .body and .sidebar.

    Is there a way to move the image into the .body section?

    Thanks,
    John

    Plugin Author Robin Cornett

    (@littlerchicken)

    Sure, you can physically move the image on your site–there are filters for the hooks of where the images are output. Check the FAQ and look for “My (large) Featured Image is above my post/page title, and I want it to show below it instead.” You’ll want to use the hook to move the backstretch image, but they work the same.

    The version of the plugin which is currently in development makes this a bit easier by allowing limited access to these hooks via a tab on the settings page. If you have a staging or local site where you can test it, you might like to download the develop branch from Github and try that–it may be more manageable to get it to do what you want. I am hoping to finish testing this version and get it released on the repository soon, but it’s a lot of significant changes, so testing has taken longer than anticipated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Limit Image to Body’ is closed to new replies.