[Resolved] Word Wrapping Around Buttons

[Ryan]

Hi,

I’m trying to have my buttons work so they can be displayed to the right of text in my articles. Using align-right doesn’t do anything, the words still do not wrap around the button like they would with an image aligned this way. The page in question:
https://www.finerthingsbuyer.com/the-best-travel-gear-and-accessories-of-2022

I’ve tried aligning the text to the left and button to the right as well – the button still stays on its own line. Even using css to change the button wrapper doesn’t work. I tried to limit the width in hopes it wouldn’t take up the whole line:
.gb-button-wrapper {width:250px;}

[Ying]

Hi Ryan,

Do you mean the buy on amazon buttons?

Any chance you can show me a mockup with the desired look?

[Ryan]

Thanks for the response. Here is what I’m looking for:

I achieved this simply by copying my button as an image and pasting the image in and then aligning it right. Buttons do not act the same way unfortunately.

[Ying]

1. You need to add the buttonsbefore the paragraph, not after.

2. Add a custom class to the buttonsblock (not button) that you want to it to float right, eg. float-right.

3. Add this CSS:

.gb-button-wrapper.float-right {
    float: right;
}

[Ryan]

Thank you very much, works pretty good this way!

[Ying]

You are welcome 🙂

[Author]

Posts