0.00 (0 votes)
How to change the WordPress theme layout?

Watch the short video tutorial and learn how you may change the layout in the WordPress theme. Thanks to layout positions you may assign widgets to the specific position, modify the widget size by using bootstrap grid class and arrange completely new layout view. 

The solution presented in the video is used for most WordPress themes created by PixelEmu team.

How to change the layout position?

Transcription from the video:

Hi, Today I will show you how to change the theme's layout.Each theme includes layout positions, which means that you may assign a widget to the specific theme's layout position.

Today I will show you how to change WordPress theme's layout. Each WordPress theme includes layout positions, which means that you may assign a widget to the specific position of the theme's layout. To see all widgets positions, you may go to the "Dashboard," then "Appearance," "Widgets" - and on the right side you will see all widgets positions that you may use with the specific theme.

wordpress themes layout positions

You may also go on the demo site of your theme, and then navigate pages, layout, and then all widgets positions. And here, this is the example of the theme of course, but the similar situation is on other demo sites. Let's see how it works and how you may change the layout.

As an example let's take a "Top 2" position. We have four widgets here in this section.

wordpress themes layout positions 2

Go to "widgets" and look for "Top 2" position that includes four widgets from our example. 

wordpress themes assign widget to sidebar

Ok, so maybe let's remove two widgets and see what's changed on the page. We got now two widgets, but there is a space on the right side. 

wordpress themes change widget width

Let's do something magic. Go to specific options where you may find at each widget's - widget size options for adjusting widget size to a large screen, desktop, mobile devices like phones, smartphones, and tablets.

adjust wordpress widget width for mobile devices

Let's change it. It's set 25% percent for each widget - and that is correct. Since there were four widgets here and each one was 25% wide, so let's change it to 50% and click "Save. The same we have to do in the second one. Click "Desktop", "50" and "save". Let' see the result. 

wordpress modify widget width

The same action you can do with all widgets. Simply assigning or removing it from the specific widget position name.Thank you for watching, hope you like it, Bye!

Users' reviews

Total rating: (0 votes) Add review

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2015-2017 PixelEmu.com All rights reserved.

You will Get best support ever!

Do you know that besides high-quality themes & plugins our customers appreciate the excellent support?

Check here why :)