We use cookies to improve our services and provide a better experience. By continuing to use this site, you agree with our Cookies Policy.

Tutorials
More than 400 step-by-step articles to guide you through online project development.
HomeTutorialsCMS TutorialsWordPressWordPress Administration

How to place duplicated sidebar widget on the right

KVM VPS
Brazil VPS
Linux KVM Hosting
USA VPS
Germany Cloud Servers
Ubuntu VPS
cPanel KVM
Windows Cloud Server
Linux Cloud Server
OpenVZ VPS

Lets say our WordPress website have 2 sidebar widgets on the left side of the page. What we would like to do is to place one widget in the right side. This procedure involves changing sidebar widget position over CSS style file.

We assume the sidebars are defined this way:

1
2
<div id="sidebar"></div>
<div id="sidebar2"></div>

The first widget “sidebar” is located in the left side and second one “sidebar2” should be located in the right side. In that case we need to open CSS style file in which “sidebar2” style is defined and change it’s position.

We should find the line that says “sidebar2” and add¬†directive¬†which will change sidebar widget position. This should look like in the following example:

1
2
3
#sidebar2 {
   float: right;
}

From now duplicated sidebar widget “sidebar2” should be placed on the right side of the website. If there is no idea where CSS style file can be found, usually it’s located in WordPress theme directory. Also, it’s a good idea to have at least CSS style file backup before doing any changes as the website might look incorrectly in the case of any mistake.

Windows Cloud Server
Linux Cloud Server
Germany Cloud Servers
OpenVZ VPS
USA VPS
Ubuntu VPS
Linux KVM Hosting
Brazil VPS
KVM VPS
cPanel KVM
Rate this Tutorial:
No Comments Leave a Comment
Leave a Comment

Other (182)

Popular Keywords