[Support request] background image in container, unwanted space at left

Home Forums Support background image in container, unwanted space at left

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1621920
    Robin

    Hello! Yesterday the page looked fine and today suddenly there is space to the left of the background image. I am unaware of having changed anything.

    Until today, the assigned background image was behaving perfectly: filling the horizontal space between navigation and footer, with no space on either side, scaling nicely to any size browser window.

    Please advise.

    #1621930
    Robin

    Ooops. Figured that out: I had custom css setting a left margin that I wanted only for the category page.

    Now I have another puzzle: the category page is laid out as I like, but when I click on a post within that category, the post is laid out with lots of space on its left when the browser window is desktop-sized. I would like the layout of each post to match the layout of each category page, in terms of the space between the content and the left side of the browser window. For whatever reason, I haven’t yet been able to figure this out. I see in the inspector that there is a large margin left and right… !

    To see what I mean: click on “Judgment” for the category page, and then “Techniques: Judges” to see how the post is displayed (on desktop).

    Please advise.

    #1622196
    David
    Staff
    Customer Support

    Hi there,

    do you have any Layout Elements in Dashboard > Appearance > Elements ? Look for one that is assigned to the single Post – that has its Content Width set to 700px. Delete that to set the post to the customizer width.

    #1622664
    Robin

    Thank you. I’d completely forgotten about that element. I get that I wanted any blog post to be narrow (more or less as the nytimes website makes their single articles not too wide– easier to read). Disabled it.

    If I do want to control the width of a single post, I go to Customizer/Layout/Blog?

    #1622837
    Elvin
    Staff
    Customer Support

    Hi,

    If I do want to control the width of a single post, I go to Customizer/Layout/Blog?

    You’ll have to use a Layout Element with the content width set to your preference but you’ll have to make sure its display rule location is set “Post – All posts” so it only applies to single posts pages.

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

    A wise man once said:
    "Have you cleared your cache?"

    #1622844
    Robin

    right: I did that, and it messed up the alignment of single posts with the category page.

    I want any text for both single posts and category pages to be aligned (as in the top left of each is in the same position)

    did this by adjusting the width of the container in customizer/layout/container

    but I wonder if there is a custom css style that would apply only to the width of a single post but leave that single post’s alignment pinned to the same horiz/vert position as the category page. is there?

    #1622947
    Elvin
    Staff
    Customer Support

    but I wonder if there is a custom css style that would apply only to the width of a single post but leave that single post’s alignment pinned to the same horiz/vert position as the category page. is there?

    I’m not sure I fully understand the layout you’re trying to achieve.

    Can you show an reference site or a mockup image?

    A wise man once said:
    "Have you cleared your cache?"

    #1622979
    Robin

    I want to control the width of the text of any given single post, for ease of reading, and I want to do that independently of setting the container width in customizer/layout/container.

    I have found a good-enough solution, and I can display the blogs in only one column on category pages if need be, but I wonder if there is a specific class (inside-article?) that I could control the width of, which would set a maximum width for every single post without changing how each post is aligned on the web page, so that navigating from a category page to a single post is not visually jarring: a finger placed at the left bottom corner of the category header (bottom of the leftmost letter of that header) will be placed at the left bottom corner of the header of any single post– if you navigate between the two webpages with your finger placed in that position, the bottom left corner of the header on each page will be in the exact same place.

    #1622988
    Robin

    I think the class that will do that is “entry-content”

    yes?

    #1623005
    Elvin
    Staff
    Customer Support

    I think the class that will do that is “entry-content”

    yes?

    That will control only the styling of the contents after the post title. If you want to control the width of the whole main content area including the post title but excluding sidebar, you can go with .site-main.

    If you want to control the whole content area including the sidebar, go with div#page.

    And if you want to apply this on certain viewports, make sure you use @media rules.

    A wise man once said:
    "Have you cleared your cache?"

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