Column block width issue

[Michael]

On this page, https://booksbyheather.com/lockhardt-sound as you scroll down to the bottom where a person can see the stores, the Paperbacks, I have a column block, with 3 columns. Each image is 240×60.

As you will see the images extend past the separator lines.

This is not an issue further down, the eBook area, where there are column blocks with 5 columns.

I can’t seem to locate a way to get the 3 column block to match the width of the separator lines.

I also can’t figure out how to reduce the amount of white space between the bottom of the 3 images and the next separator line. Based on a previous question I had, I have tried

.wp-block-columns {
margin-bottom: .5em;
}

But didn’t seem to work.

TIA

 

[User]

@Michael

FYI, i am not seeing any verical division/ separator lines and all looks very good on both phone and desktop.

Regards!

[Michael]

Intriguing, here’s what it looks like on my browser – interesting I couldn’t post the screen shot.

[scrambler]

This reply has been accepted as the best answer.

Here is why they expand wider that the rest

That block appears to have been set to Align area: Alignwide.

That forces its width larger that the rest of the site.

Now once you change align to just center instead of alignwide, it will still be slightly wider than your horizontal separator, because the separator have a width and max-width limited to 90% of the site, so they are narrower than the site.

The 5 columns look OK, because the images are smaller and centered in their column, so they don’t occupy the far left and right space.

Once the first issue has been resolved, if you want the widget to have the same width as the separator, you either need to restrict the width of the widget to 90%, or you can expand the separator to 100% by adding the CSS rule below to the theme Global Custom CSS rule box

hr {width:100%; max-width:100%;}

 

 

[Michael]

Thanks, I’ll give it a shot. I have to take a break now though, getting tired of looking at this….

 

[Author]

Posts