Adjusting sidebar width in wordpress that does not have #sidebar

by 6 replies
7
HI again,
I have one of those two sidebar themes, with both sidebars on the right. This is pretty cool except that the sidebar on the outside (right) seems to have a bit of extra space between it and the right hand side of the page. So I want to increase my page width a bit more by shortening the width on the right sidebar.

PC Smarts | Just another WordPress site
there is my site, it's the sidebar with the search bar on it.

However I looked up how to do it, and every forum or tutorial tells me to find #sidebar. I used ctrl + f and I can't find it!

Here is the code I found pertaining to the sidebar in the css stylesheet :
Code:
/* --- Sidebars --- */
#secondary {
 width: 75%;
 margin-left:0;
 padding: 25px 0 0;
 float: left;
 border-top: 1px solid #ddd;
}
#secondary aside:last-child {
 margin-bottom: 0;
 border-bottom: none;
}
#secondary aside, #tertiary aside {
 float: none;
 overflow: hidden;
}
.widget .sidebar-theme {
 margin: 0 20px 8px 0;
 float: left;
}
.widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li {
 margin: 0 20px 0 0;
 float: left;
}
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
 margin: 5px 0 0 0;
}
}
then there is this snippet further down:
Code:
/* --- Sidebars --- */
#secondary aside:last-child {
 margin-bottom: 30px;
 border-bottom: 1px solid #ddd;
}
#tertiary aside:last-child {
 margin-bottom: 0;
 border-bottom: none;
}
}
any help would be appreciated, thanks.
#programming ##sidebar #adjusting #sidebar #width #wordpress
  • you need to recalculate these 3 Divs

    #content
    #secondary
    #tertiary

    Play with the Width %'s
  • Where though? There is no #content in those sections I posted is it somewhere else? And which secondary line? Because there are quite a few along with the tertiary one. Also I tried. That width value in the first section I changed from like 80.9% to 75%, with no difference.
    • [1] reply
    • /wp-content/themes/yoko/style.css

      All the divs are in your css file.
  • Also, i dont really understand your first post. The far right search sidebar has the same exact padding space as the left side of the website.
  • hmm is this what you are talking about?
    Code:
    /* --- General --- */
#page {
 margin: 0 auto;
 padding: 0 30px 30px;
 background-color:#fff;
 z-index: 0;
}
#wrap {
 margin: 4px 0 0;
 padding: 45px 0 0 0;
 overflow: hidden;
}
#main {
 width: 72%;
 float: left;
 overflow: hidden;
}
#content {
 width:80.2%;
 float: left;
}
#secondary {
 width: 142px;
 margin:40px 0 0;
 float: none;
}
#tertiary {
 width: 28%;
 float: right;
    There are only 3 'div' matches when I search for it, and none of them relate to a div container.

    Sorry if I was vague with my OP, if you look all the way to the right, you will see the edge where the page ends. There is a gap between the outer (right) sidebar and the end of the page. I would like to decrease that gap and increase the space where text is displayed for posts and pages. Ideally the edge of the search box will line up with the edge of the header image. Does this clarify things or should I just draw a picture?
    Oh and they might have the same padding, but it looks different on each side. On the left side the text lines up with the edge of the header image properly, but on the right there is a bunch of space.
  • Set

    #tertiary

    width: 22.3%;

    See if that works?
Join the discussion

Next Topics on Trending Feed

  • 7

    Adjusting sidebar width in wordpress that does not have #sidebar

    HI again, I have one of those two sidebar themes, with both sidebars on the right. This is pretty cool except that the sidebar on the outside (right) seems to have a bit of extra space between it and the right hand side of the page. So I want to increase my page width a bit more by shortening the width on the right sidebar.