• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2787

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

2 Ways To Display 3 Buttons Inline

This tutorial shows you 2 ways to display 3 different buttons inline.

  1. The 1st method uses Bootstrap column.css classes included in Genesis child themes.
  2. The 2nd method uses custom CSS.

Both methods provide both HTML, CSS & CSS for Media Queries.

Method 1

Here’s the result:

Method 2

Here’s the result:

Tested using the Genesis Sample child theme by StudioPress in a single post.

Related Tutorials

  • How To Centre a Button

Reader Interactions

Comments

  1. BeckyBruso says

    December 28, 2016 at 7:03 am

    Great Thanks! Method 1 also works well in Infinity-Pro.

    Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.