Change the width of a “normal” block

Hello,

I have created a grid in one of the pages using html custom code and then adding in between Gutenberg blocks. I cannot seem to be able to change the grid to get the full width of the page, event with the css code mentioned in this topic. Any ideas of how I can accomplish that?
The site is the following: https://63-250-60-48.cloud-xip.io/test-grid-2/

I resolved this. I used the class used for the group block when you set it to fullwidth. Once I added the class “alignfull”, it stretched the grid to the whole page.

@paulwp Hi, It messes with images that are aligned right to the content. Here’s the screenshot: https://imgur.com/a/mX473Jk

please help!

• This reply was modified 4 years, 2 months ago by Anonymous User 18217131.

I agree with @mrwpress, this CSS solution of simply widening the entry-content value offered by @paulwp is only a partial solution. Any images that are left or right aligned in text overlap the text when the screen is wider than 1000 pixels or so.

This is one of those cases where mobile looks good, but desktop doesn’t properly wrap the text around the images (resulting in images hiding text content).

Hello, I’m trying to widen the text blocks on this site

https://www.fishofcowlitzcounty.org

I tried this code in customize css

.entry-content > p:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 860px;
}

and the width of the text block didn’t change. Can you tell me what I’m doing wrong?

The code is also not working for me. I’m using 2021 theme and trying to widen the carousel block to full width. Should the CSS code be affecting the entire site?