Full-width images

Home › Forums › Automattic › Mood › Full-width images

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 9, 2018 at 12:58 am #164636 Resolve

    lydiadyhin

    Is it possible to set an image to the full-width of the site’s page?

    The image is on a page being used as a static front page. The file is definitely large enough – but the bounding box prevents it from reaching the very edges.

    Thank you.

    The blog I need help with is lydiadyhin.wordpress.com
    July 9, 2018 at 3:15 pm #164640

    Senff

    Hi there!

    This can be changed with a little bit of CSS code.

    Go into your site’s admin Dashboard and select Customize → CSS. In the CSS textbox on the left, add the following code:

    .front-page-block:not(.portfolio) {
    margin: 0;
    width: 100%;
}

.front-page-block:not(.portfolio) .entry-content img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

    Select “Publish” from the top, and your changes will be applied to your site.

    If you have any further questions, please let us know and we’ll be happy to help. :)

    • This reply was modified 2 years, 2 months ago by  Kathryn P..
    • This reply was modified 2 years, 2 months ago by  Senff.
    July 10, 2018 at 12:29 am #164643

    lydiadyhin

    Thank you! Worked perfectly.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.