4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Wordpress Sidebar Width Issue

by Dee Syed
3 replies
  • WEB DESIGN
    • |
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
#issue #sidebar #width #wordpress
  • Profile picture of the author wpaskme
    @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
    {{ DiscussionBoard.errors[5379927].message }}
    • Profile picture of the author Dee Syed
      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
      Signature
      There's only one thing we do and we do it well! Talk to us about your next WordPress project and let us make it happen. Our clients have been featured on the BBC and generate income running into six figures!
      {{ DiscussionBoard.errors[5382508].message }}
  • Profile picture of the author frenchsquared
    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.
    {{ DiscussionBoard.errors[5387022].message }}

Trending Topics