Archived topic
On of containers is too wide
3 replies · Started by Vladimir on April 20, 2022
Hi,
One of the containers is too wide for the rest of the website on attention.cc domain I am working on. You can see here: https://share.getcloudapp.com/7KuQnW8W - I mark in green color - that area should not be there. Everything should fit under red vertical line on the top just the way it does on the rest of the website. Can you please show me what I need to do to make this container not this wide, but to make it perfectly fit under header "Ecosystem Paketa" and eliminate that area that I mark in green?
Hi Vladimir,
Here is a CSS you may try adding in Appearance > Customize > Additional CSS:
.wp-block-columns.alignwide {
margin-left: 0;
width: unset;
}
.wp-block-column {
display:flex;
flex-direction:column;
}
.wp-block-buttons {
margin-top:auto !important;
}Kindly note that WordPress Core Blocks have default spacing, and other styling values. You’ll need to use custom CSS more or less when using most WordPress Core Blocks. On the Other hand, If you use a GenerateBlocks Block instead, you’ll have plentiful settings to alter the look of your Blocks.
I believe you’ll be able to easily create this section through a Grid Block the has 6 containers. then set the 6 containers to have 33% width. You’ll be able to make easier modifications with a setup like this.
Hope this helps! :)
This worked! Does GenerateBlocks have similar pre-made boxes with titles, colors, and buttons already inside I can easily insert?
It does, however, it’s only available through GenerateBlocks Pro.
Alternatively, there are other GenerateBlocks users generous enough to share some templates they’ve made.
For instance, here is a website created by one user wherein you can easily copy and paste pre-made Blocks: https://skool.house/studio-all/generateblocks/creator-blocks-generateblocks
Hope this helps! :)
