• How would I move button 2 beside button 1 on this page?

    https://belfastuberdriver.com/

    The buttons are embedded in the ‘content’ section of a widget.

    The theme is ‘Stout’

    Thanks

    • This topic was modified 8 years, 5 months ago by DHewitt.
    • This topic was modified 8 years, 5 months ago by DHewitt.
    • This topic was modified 8 years, 5 months ago by DHewitt.
Viewing 2 replies - 1 through 2 (of 2 total)
  • 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.

    Thread Starter DHewitt

    (@dhewitt)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Move a button’ is closed to new replies.