Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 17, 2018 at 5:25 pm #9031

    martymcleod
    Participant

    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.

    September 18, 2018 at 10:29 pm #9034

    Intense Visions
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.