Full-width images

Tagged: full-width image

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

Author

Posts
July 9, 2018 at 12:58 am #164636 Resolve

lydiadyhin
Member

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 4 years, 7 months ago by Kathryn P..
- This reply was modified 4 years, 7 months ago by Senff.
July 10, 2018 at 12:29 am #164643

lydiadyhin
Member

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.