Move a button

Did you put the buttons in paragraph tags like this:

<p>Get paid weekly driving for Uber, guaranteed income. Drive when you like, as much as you like.</p>
<p><a href="/contact/" class="button">Button 1</a></p>
<p><a href="/contact/" class="button">Button 2</a></p>

Or did you check the box that’s labeled Automatically add paragraphs? If you checked the box, uncheck it, and enter this into the text widget instead:

<style>.button-container {display:inline-block; float: left;margin-right:20px;}</style>
<p>Get paid weekly driving for Uber, guaranteed income. Drive when you like, as much as you like.</p>
<div class="button-container"><a href="/contact/" class="button">Button 1</a></div>
<div class="button-container"><a href="/contact/" class="button">Button 2</a></div>

So the problem was that because the checkbox was marked to automatically add paragraphs, WordPress would enclose the button elements in paragraph tags, which are block elements, and because there were no classes associated with those tags, it was difficult to change the display type to inline block.

• This reply was modified 8 years, 5 months ago by CrouchingBruin.

Yes thats what was in the widget content box. Tried your suggestion and it worked, thanks!

I also added – margin-top:10px – so that in phone mode there is a gap between the buttons.