Archived topic
Word Wrapping Around Buttons
5 replies · Started by Ryan on May 25, 2022
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;}
Hi Ryan,
Do you mean the buy on amazon buttons?
Any chance you can show me a mockup with the desired look?
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.
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;
}Thank you very much, works pretty good this way!
You are welcome :)
