Grid horizontal gap not working in nested grids

  • Resolved Laurie

    (@tlmwebmaster)


    3 years, 2 months ago

    My site uses the GeneratePress theme. I have used grids and containers successfully on several pages. All of my plug-ins and browsers are up to date.

    On September 18th, I was able to create a grid that had nested grids inside of it. It uses some custom css as well. On the 20th, I duplicated the top level of grid. It appears correctly within WordPress.

    Viewing it in mulitple browsers shows the original grid as expected. The duplicated grid is completely different: outside grid is stacked, nested grids have no gap between left and right segments.

    I created a new grid with just an image and a header. It appears correctly in WordPress. In the browser, that new grid has no gap between the right and left containers.

    Any ideas as to how I can recover the formatting?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support ying

    (@yingscarlett)

    Hi there,

    Not sure I fully understand, when you say it appears correctly in WordPress, do you mean it shows correctly on the backend, but not on frontend?

    This is what I see on your site, can you specify which part is having the issue? Is it the part I highlighted in red?
    https://www.screencast.com/t/f2g6mFKn6

    And can you disable all cache plugins for us to inspect the code?

    Let me know ??

    Thread Starter Laurie

    (@tlmwebmaster)

    Thank you so much for the quick response. I’ve turned off caching and flushed the cache.

    The screen shot you sent is actually a cached version. What you highlighted is no longer on the page. However, the screenshot does illustrate my problem.

    The first iteration of Hearts within a Star is how the grid should look. The image on the left and the text on the right with a gap. The text on the right is made up of a series of grids one on top of the other. I duplicated the first grid so I could edit the contents for another ornament.

    The second iteration of Harts within a Star has no gap between the image and the text. Also, in the text area, those grids do not correspond to the percentages of their individual containers.

    By WordPress, I mean editing the page by clicking on Edit from the Pages list in the admin panel.

    Plugin Support ying

    (@yingscarlett)

    This is what I see currently on your site:
    https://www.screencast.com/t/gLnzwJoTS

    Are you trying to add some gap between the red highlighted part?

    If so, select this Grid block, add some horizontal Gap to it:
    https://docs.generateblocks.com/article/grid-overview/#horizontal-gap

    Let me know if this helps ??

    Thread Starter Laurie

    (@tlmwebmaster)

    Thank you for the follow up. The image that you sent is the fixed site. I discovered that the problem was incapability with a different plug-in. The problem is resolved.

    Plugin Support ying

    (@yingscarlett)

    Glad you figured it out ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Grid horizontal gap not working in nested grids’ is closed to new replies.