[Resolved] Display margins of articles

Home Forums Support [Resolved] Display margins of articles

Home Forums Support Display margins of articles

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1682131
    Christian

    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.

    #1682183
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media(min-width: 769px) {
      .generate-columns-container {
        padding: 0 10px;
      }
    }

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

    #1682230
    Christian

    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.

    #1682317
    Ying
    Staff
    Customer Support

    Hi Christian,

    Have you tried adjusting content padding in customizer?
    https://docs.generatepress.com/article/content-padding/

    Let me know πŸ™‚

    #1682551
    Christian

    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

    #1682562
    Ying
    Staff
    Customer Support

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

    #1682570
    Christian

    Don’t be surprised: my site is under construction. You’ll find it here

    https://onnesaitjamais.net/

    #1683061
    David
    Staff
    Customer Support

    So are you trying to narrow the content container ?
    If so you can change the Content Width for the Single Post by using a Layout Element:

    https://docs.generatepress.com/article/layout-element-overview/

    #1683145
    Christian

    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

    #1683555
    Ying
    Staff
    Customer Support

    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 πŸ™‚

    #1683860
    Christian

    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.

    #1683868
    Ying
    Staff
    Customer Support

    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.

    #1683876
    Christian

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

    #1683880
    Ying
    Staff
    Customer Support

    Yeah, we made it work πŸ™‚
    You are very welcome and happy weekend!

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.