Featured Image to Full Width

  • Resolved mutrux

    (@mutrux)


    9 years, 12 months ago

    I’m sorry if this has been covered. I looked through old posts and couldn’t find the answer to my issue.

    I would like my featured images to stretch across the page–so they are at least reaching the right side of my header, but they seem to only stretch part-way.
    https://livinginpuertorico.com/

    Size of image right now is 1200×300 and I’ve tried different settings, image sizes… it’s just not working.

    Also, is there a way to choose if page title is displayed or a code I can add? I’d rather not display my page titles (Home, About, etc.).

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    If you’re using our Page Header add-on, you can choose to have the layout “Fluid” in the options where you upload your header image.

    If you’re not using the add-on, you can add this CSS:

    .page-header-image.grid-container {
    max-width: 100%;
}

    Then to make sure the image is 100%, you can do this:

    .page-header-image.grid-container img {
    width: 100%;
}

    Hope this helps ??

    Thread Starter mutrux

    (@mutrux)

    Thank you. I am using the Page Header add-on, and it is selected to “Fluid” layout.

    Theme Author Tom

    (@edge22)

    Ah, sorry about that – the fluid option only works with content.

    I’ll look into making it work with just an image as well.

    The CSS above should do what you’re looking for.

    Let me know ??

    Thread Starter mutrux

    (@mutrux)

    Great. It worked. Thank you.

    Theme Author Tom

    (@edge22)

    You’re very welcome! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Featured Image to Full Width’ is closed to new replies.