[Support request] How To Make Post Images Fit Full Width on mobile?

[Jungsu]

Hello.
I have attached a screenshot of what I want.

https://winepress.org/wp-content/uploads/Screenshot.jpg

In this screenshot, there are margin in the post area but no margin in the image. How can I do this?

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jungsu]

Thank you for your support.
This is not a issue. I just want to make my blog post image like a screenshot. Do you need access to my website admin panel?

[Leo]

No I just need to view your website live and see if I can provide some CSS 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jungsu]

winepress.org

[Leo]

I see you’ve added this CSS:

@media (max-width: 768px) {
    .type-post {
        max-width: 92%;
        margin: auto;
        margin: 0px auto 60px auto;
        padding-bottom: 40px;
        text-align: justify;
    }
}

Any reason you aren’t using the mobile content padding?
https://docs.generatepress.com/article/content-padding/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts