You’ll need to have some familiarity with CSS to do this (or be prepared to experiment!) – Expresso is an excellent CSS editor on MacOS that allows you to live edit the themes style.css file, I think a similar application is Style Master on PC (there are no-doubt other good alternatives). All themes are coded differently, so it’s probably best if you are looking for CSS rules to #sidebar or .sidebar
Once you have made your changes (and after you have backed up the relevant theme files in wp-content/themes) in your editor of choice, you’ll need to upload the new file to the server for this to go live on your site.
There are so many things wrong with this page that it will not be an easy fix. You can see how the content in the center column overflows into the right sidebar when you begin to narrow the browser width. And there are vertical lines created using DIVs with the class v_line which are of questionable use. In fact, they complicate things.
The easy fix should be to set the background-color of #container to purple (cc66cc) and then change the background-color of the center #content area to green (ccff99). However, when you do that, it even makes it more apparent why the design is so bad. The right sidebar slides under the main content area when the browser window gets resized. Any browser width between 800px and 1200px looks “odd,” any browser width over 1200px looks OK (except for that floating vertical DIV).
Thread Starter
Nairo
(@nairo)
Hello,
Thank you for answering.
I think the theme I choose isn’t very “safe”. My boss validated it so I can’t change it now.
I will see if I can modify this.
