Wordpress Sidebar Width Issue

by 3 replies
4
Hi Warriors,

Got something I'm stuck on about the sidebar widths on my new wordpress blog. I'm using an artisteer template - 3 column with the following widths: 20% sidebar 1, 50% content, 30% sidebar 2. With my 1000px page width, that works out to 200px, 500px and 300px as in the following page:

http://www.ezmarketinginsider.com/internet-marketing-blog/

I've now created a custom template called sidebar-left-page.php. I have created the corresponding page in the theme templates folder and removed the references to sidebar 2. What I'm expecting is for my new page based on this template to just have sidebar 1 200px and the rest would be content at 800px... However, this is what I get when I apply the template:

http://www.ezmarketinginsider.com/newsletter

i.e. The sidebar 1 is showing on its own, but it's clearly much wider than the 200px I'm expecting it to be. I'm not too familiar with wordpress or CSS, so any guidance pointing me in the right direction would be much appreciated!

Basically, all I want is my custom page template to have one sidebar on the left at 200px wide and the rest for the content.

Any ideas?

:confused:

Best, as always,
Dee
#website design #issue #sidebar #width #wordpress
  • Banned
    [DELETED]
  • [DELETED]
  • @Dee Syed,

    Using Chrome Code Inspector tool, I've adjusted your sidebar on the Newsletter page - I made it have a static width, however.

    I'm not sure if this is exactly what you are looking for though - because it looks exactly the same as before the static 200px width.

    Please try to give a little more detail with what you are looking to achieve exactly.

    A good tool to use for commuicating your thoughts is Jing - give it a try.

    Kind Regards
    • [ 1 ] Thanks
    • [1] reply
    • Hi wpaskme,

      Many thanks for the tip on using the chrome inspect-element tool. I've done a short recording on Jing explaining the issue as requested (my first time using Jing - another top tip!).

      2012-01-08_1028 - EzMarketingInsider's library

      Kind regards,
      Dee
  • look at padding.... padding is in addition to the width you defined.
    an div with a width:200px and padding:0px 50px would be 300px wide.
Join the discussion

Next Topics on Trending Feed

  • 4

    Wordpress Sidebar Width Issue

    Hi Warriors, Got something I'm stuck on about the sidebar widths on my new wordpress blog. I'm using an artisteer template - 3 column with the following widths: 20% sidebar 1, 50% content, 30% sidebar 2. With my 1000px page width, that works out to 200px, 500px and 300px as in the following page: