Full-width images

Home Forums Automattic Mood Full-width images

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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
    #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.
    #164643

    lydiadyhin

    Thank you! Worked perfectly.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.