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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Horizontal Alignment of Text Widgets in Genesis

This code enables you to display inline text widgets side by side in columns like this:

inline-text-widgets

You can very easily change the amount of widgets you want to display inline from 2 to any other number simply by changing the width for each widget from 33% to any other percentage.

You can also control when your widgets display 100% width on smaller screens like this:

mobile

Simply change the value for max-width in the CSS.

The code adds 1 new widget area which you can populate with any number of text widgets.

widget-area

Here’s the PHP code & CSS for logged in members:

Register for full access

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems