Site logo

Archived topic

Display margins of articles

13 replies · Started by Christian on March 4, 2021

Viewing posts 1–14 of 14

Hello,

When I want to display an article, the white margins to the right and left of the writing are perfect on smartphones and tablets. On the other hand, I find them too important on the computer, whatever the size of the screen.

What can I do to remedy this.

Many thanks in advance.

Thanks but the CSS you provided me affects the column layout of the main page but not after clicking on one of these articles on the posting of that article.

This is what I wish I could do: reduce the margins of this display.

Hi,

Yes, Yes. I have found the Content Padding but it does not work. If I reduce the left and right margins even drastically, nothing happens. In the doc I saw that there is also "the Content Container" but I cannot display that.

Thank you

In that case, could you link us to the site in question?

I did not understand the creation of element to do this. I was able to act on what you called the "content" which is therefore the zone in which the text of an article is displayed for example.

As for the adjustment of the width of the text which is inscribed in this zone, I note that if one chooses full width (no internal margin), in reality it decreases well the margin of the top and the bottom; what I do not want but not that of the sides, whereas that is what I am looking for. Can you confirm this for me or tell me where I am wrong.

A big thank-you

Hi Christian,

Check this screenshot first:
https://www.screencast.com/t/RxK8o2h5Qla

If you are trying to reduce the red arrowed space, go to Appearance > Customize > Layout > Container. Adjust the content padding:
https://docs.generatepress.com/article/content-padding/

If you are trying to adjust the blue arrowed space, go to Appearance > elements, check if there's a layout element assigned to Posts, the container width was set to 1000px.
https://www.screencast.com/t/ozRPkYA10
You could change the number to whatever you desired :)

Let me know :)

Thanks for your screenshot. It will be clearer indeed. I have since reset the content width to 1200px but we agree in principle, that's not what it's all about.

These are the spaces marked by red arrows that I want to reduce. You tell me that for that I have to use the "content padding" Yesterday I told you already that it did not work. To make things easier, I also took a screenshot. It is this exaggerated setting that I will keep for you to watch and understand. It doesn't change anything on my site for the articles.

https://www.screencast.com/t/9CvgedxE3X

I think we understood the problem. It remains to find the solution.

Thank you for your patience.

Good, now we understand each other :)

Go to customizer > additional CSS, find this CSS:
https://www.screencast.com/t/vNtjyqkCv13l

.no-sidebar:not(.generate-columns-activated) .inside-article > *, .no-sidebar #comments {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Delete it, then you'll be using the method I mentioned to control the padding.

Magnificent. Thank you again for your patience. Have a nice week end.

Yeah, we made it work :)
You are very welcome and happy weekend!

This archived topic is closed to new replies.