7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Wordpress Sidebar - Please Help

by Oscar D
6 replies
  • WEB DESIGN
    • |
Dear Warriors

I have been battling on this problem for over 4 hours, please help. :confused:

I am trying to reduce the size of the side bar, but when I change the 300px to 200px the vertical line seperating the content and the side bar goes away.

The code is:

/* Sidebar */
#sidebar {
float: left;
width: 300px;
}
#sidebar-bgtop {
}
#sidebar-bgbtm {
background: url(images/img03.jpg) no-repeat left bottom;
}
#sidebar-content {
background: url(images/img01.jpg) repeat-y left top;
}
#sidebar ul {
padding: 0px 0 5px 0;
margin: 0px;
list-style: none;
}
#sidebar li li {
margin-left: 20px;
margin-right: 20px;
line-height: 30px;
padding-left: 15px;
border-bottom: 1px dashed #BDBDBD;
background: url(images/img04.jpg) no-repeat left 50%;
}
#sidebar li ul {
margin-bottom: 1.8em;
list-style: none;
}
#sidebar h2 {
background: #444444 url(images/img02.jpg) no-repeat left 50%;
padding: 7px 25px;
font-size: 1.4em;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
#sidebar p {
padding: 0 20px;
}
/* Search */
#code #side bar #sidebar #wordpress
  • Profile picture of the author RobinInTexas
    I don't think the problem is in the css you posted, something elsewhere in the stylesheet
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[494887].message }}
  • Profile picture of the author JustVisiting
    Are you using a theme I can check out ?
    Signature
    "...If at first you don't succeed; call it Version 1.0"
    {{ DiscussionBoard.errors[495991].message }}
  • Profile picture of the author mywebwork
    Is it possible that img03.jpg is fixing the width of the sidebar?

    If it's a common open-source theme perhaps you could post a link to it?
    {{ DiscussionBoard.errors[496121].message }}
  • Profile picture of the author JustVisiting
    Originally Posted by mywebwork View Post

    Is it possible that img03.jpg is fixing the width of the sidebar?
    I was thinking a problem with img01.jpg
    Signature
    "...If at first you don't succeed; call it Version 1.0"
    {{ DiscussionBoard.errors[496176].message }}
    • Profile picture of the author Karen Blundell
      more than likely you will have to alter (re-size) one or more of the background images.

      you need to post the link to your site or at least a link to the theme you are using so that we can see what's what.
      Signature
      ---------------
      {{ DiscussionBoard.errors[496559].message }}
  • Profile picture of the author mr2020
    Hey mate,

    Make sure you change the size of any side bar images, and ALWAYS check the stylesheet too.

    And BACKUP the originals....

    Twenty Twenty
    Signature
    Almost Free NLP
    My life is a non stop adventure. Enjoy!
    {{ DiscussionBoard.errors[496819].message }}

Trending Topics