[martymcleod]

Hi, I’m trying to use the button feature for very wide and noticeable button in my review posts in my ReHub theme.

The text body width is about 800px wide.

However, when using the button element with a longer sentence of text instead of wrapping the button goes completely horizontal and is outside the boundary of the text area.

Is there a way to have text wrap and center inside a button? I’m centering the button currently and have tried the center feature in the WP editor but no change.

Thank you.

[Intense Visions]

If you break up the text, it will behave more like what you are trying to accomplish. Example:

[intense_button align="center"]
This is a block button. 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Nulla dignissim mi in orci venenatis condimentum. 
Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Mauris facilisis felis eu nunc.
[/intense_button]

If you want the button to handle this more automatically, you can add your own CSS class to the button and set the white-space style to initial. Example CSS:

.my-button-class {
white-space: initial !important;
}

[intense_button class="my-button-class"]
[/intense_button]

[Author]

Posts