Changing sidebar width

  • I’ve been trying with no success to change the width on my sidebar at https://addmorewine.net – as you can see, there is a google ad at the bottom, it’s 250×250 – I’m trying to get the rest of the sidebar to the same width, but I’m apparently missing something in the CSS file, because I *think* I have the width set for 250, but as you can see in the page, the widths definitely don’t match up. (I’ve also tried decreasing the content width, but that didn’t make a difference.)

    The CSS file can be seen at https://addmorewine.net/docs/CSS.txt

    Any help greatly appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi CafeChatNoir,

    A quick fix for your problem might be to add !important after your width value in #sidebar – ie:

    #sidebar {
	float: left;
	width: 250px;
/*	background: url(images/sidebar.gif) no-repeat top right;*/
	font-size: 0.9em;
	text-align: left;
}

    becomes

    #sidebar {
	float: left;
	width: 250px !important;
/*	background: url(images/sidebar.gif) no-repeat top right;*/
	font-size: 0.9em;
	text-align: left;
}

    Hope this helps!

    Thread Starter cafechatnoir

    (@cafechatnoir)

    Thanks – tried it, but it’s still stuck at the old width. It’s killing me, cause it seems like it should be so simple!

    Your problem lies in the fact that your sidebar is laid out with images not with CSS borders. So your sidebar is in fact 250px wide but the images don’t scretch with it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing sidebar width’ is closed to new replies.

Tags