[Closed] Layout issue (possible between Toolset and Generatepress)

[Author]

Posts

[yu-chuanW]

Tell us what you are trying to do?
I am trying to adjust the layout of my homepage using Toolset block. Although i have used the same setup for each container in the home page. Two sections (e.g. farm, blog) look not adjustable and not aligned like the others. It looks very obvious on mobile version.

Is there any documentation that you are following?
I thought it could be the issue between Toolset and Generatepress, because i saw there is a ticket before:
https://toolset.com/forums/topic/full-width-background-using-generate-press-theme/#post-954314

But as i am not using Layout plugin and tried to use the css code from the ticket above and not working, i would like to know how to fix this issue. Thank you

What is the link to your site?
hidden link

[Nigel]

Hi there

Can you be more specific about what you are trying to adjust that you cannot? What are the differences you are having a problem with?

Screenshots would be helpful to see what your intention is.

[yu-chuanW]

Hi Nigel,

To be more specific is the gap of the grid view and container. I have set the containers in the page with same setup, so do the grid view. But when viewing it, gap of the width between grid/container to the edge is different.

I thought it is due to the compatibility issue between bootstrap and generatepress, so i have tried to switch off all the padding/margin from the toolset block, but it does not solve the issue as i wish.

[Nigel]

Just looking at the front-end (I don't have access to check the backend), I can see that they appear different because the upper section in your screenshot, the content respects the inner width of the container (i.e. less padding), but on the lower one it doesn't despite a very similar structure of markup, because the div containing the View itself has negative horizontal margins.

And the reason it has these, which you can hopefully see in my screenshot, is that that second View has a class "alignfull".

The theme styles use that class to break out of the container by applying negative margins.

So, hopefully you can see yourself why the alignfull class is being applied to that View.

If you check the alignment setting for your Views blocks they are probably different in these two cases. (You only see those alignment options there on supported themes, such as GeneratePress.)