[Resolved] Glitch On Page

[Ella]

Hi,

There seems to be a bit of a glitch on the pricing table of this page as it all looks fine when editing but when previewing or publishing, there’s a bit black like across one of the pricing columns.

See here: https://wordpress-623989-2736800.cloudwaysapps.com/index.php/breakup-coaching/

How do I fix this please?

Thanks,
Ella

[David]

Hi there,

individually select each of the buttons in the three columns, and in the button block toolbar, uncheck the Full Width option as thats causing them to span the width of the browser.

[Ella]

Thanks David. I’ve done this. I had to set to 25%.

Please see here now though: https://wordpress-623989-2736800.cloudwaysapps.com/index.php/breakup-coaching/

The ones with three columns are set to 25% and the one which is in a box on it’s own (the introductory offer) is set to 75%. The introductory offer one is perfect as it fills the box but doesn’t go straight to the edge.

Is there a way to pull it in slightly on the boxes above? As it doesn’t look great when the button touches the boarders. Is there any code we could add in or anything like that? As I can’t see a way to reduce it further than 25%. Let me know!

Thanks so much,
Ella

[David]

Oh my – i didn’t realise WP had made their buttons block so convoluted lol
Ok theres overflow issues and all sorts of headaches they will cause.

Instead of using the core Buttons block – use a GeneateBlocks button block, in its setting it has a Fill Horizontal Space which will do what you need:

https://docs.generateblocks.com/article/buttons-overview/#fill-horizontal-space

[Ella]

Haha!! Well, that’s a genius idea… perfect solution. Thanks David. Brilliant as always!

[David]

Glad to be of help… i am not off to investigate how those core buttons work lol.

[Author]

Posts