-
I am having trouble figuring out how to center this block (the one that starts with “why choose fee-only”) – while still keeping a 1000 px max width. When i put block alignment to center, it removes the max width for some reason and it stretches across the screen.
-
Hi there,
Have you added the
alignwideclass to the container? If so, remove that class first.Then select the inner container that wraps the heading and text, set the
margin-leftandmargin-rightto auto. -
hey sorry I tried the margin-left and margin-right suggested here but still can’t get it to work – i don’t see any alignwide class, or know how to remove it exactly if there is one – can you please give some other suggestions or specifics on how to fix this please?
-
The
alignwideclass needs to be removed for the setting to work.Click on the container, and in the Block settings on the right-hand side, navigate to the Advanced options. Check the Additional CSS Class(es) field to see if the class
alignwideis added there. -
There isn’t anything in the Additional CSS Class, I checked all of the containers. So the problem is, there is a layout Element that had full width enabled here, that was built into the Pattern Library I used. I don’t want to remove it because it will break a lot of the page.
Is there any way that I can override that full-width for this container? I’m not sure how the other containers below are able to override this full width enablement.
-
In that case, try using CSS to override the full-width layout on that container:
.gb-container-6be978b8 { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; } -
this worked, thank you
-
You’re welcome
- You must be logged in to reply to this topic.