Help needed : make second sidebar broad

It’s a simple css problem.
I didn’t look at your css file or the source code but know whats going on.

If you want to make that second sidebar wider you need to make room for it.
The entire section that displays your content and sidebar needs to be widened to accommodate a wider sidebar. Then the main sidebar needs to be widened accordingly followed by widening the inner right side bar.

Lets assume you want it widened by 50 pixels just as an example.
If that div for the smaller sidebar on the right is set in the current css to 150 it will say width: 150px, change the 150 into 200. Next the main sidebar’s div might say width: 300px, change that to 350. and finally the main div in your css file that decides your pages width usually named #content or #page (not the body) needs expanded by 50px.

Every theme’s css is different so without going through it I cant tell you exactly how. If you feel like you understand what I said and want to apply it to your themes css file firs make a back up. copy past the entire css files text and save it just in case you can’t make it work and want to return it to how it was previously.

Also, you might have tables in place of divs, if that is the case you would need to change the width accordingly in the tables.

@mercer2789 Bro plz tell me the exact solution . i am going to paste code of style.css

https://pastebin.com/fuvXQ7vb

waiting for reply….

there are three background images that need to be edited for a new width:
https://sabkuchhere.co.cc/wp-content/themes/GreenTweet/images/bgr_body.png
(edited:
https://img210.imageshack.us/img210/9237/sabkubgrbody.png )

https://sabkuchhere.co.cc/wp-content/themes/GreenTweet/images/bgr_footer.png
(edited:
https://img138.imageshack.us/img138/2060/sabkubgrfooter.png )

https://sabkuchhere.co.cc/wp-content/themes/GreenTweet/images/bgr_header.png
(edited:
https://img708.imageshack.us/img708/9920/sabkubgrheader.png )

and in style.css of your theme, find the following styles and increase the width by 50px each – the result shown below:

#page{
	width:1034px; /* was 984px; */
	margin:0 auto;
}

#sidebar{
	width:373px; /* was 323px; */
	float:right;
	padding:0 10px 0 0;
}

#sidebar_right{
	float:right;
	width:187px; /* was 137px; */
	padding:0 10px 0 9px;
}

you can edit the background images yourself and save them under the same name; or you could dowload the edited images and save them under their original names and upload them into the images folder of your theme.

Thanks alchymyth for the solution. I am going to aplly it. but tell me will it not increase the width of site and i have to pan with scrollbar to see full site..

is there can be way in which we can reduce the width of post column and increase width of second sidebar, so that total width remain same…

sure, edit the following styles in style.css to the values shown below:

#content{
	width:591px;
	float:left;
	padding:0 0 0 10px;
}

#sidebar{
	width:373px;
	float:right;
	padding:0 10px 0 0;
}

#sidebar_right{
	float:right;
	width:187px;
	padding:0 10px 0 9px;
}

.post{
	width:528px;
	margin:20px 0 30px 33px;
}

and then edit two background images:

https://sabkuchhere.co.cc/wp-content/themes/GreenTweet/images/bgr_body.png

https://sabkuchhere.co.cc/wp-content/themes/GreenTweet/images/bgr_header.png

How to edit these images…

https://sabkuchhere.co.cc/wp-content/themes/GreenTweet/images/bgr_body.png

I cannot see above image …

How to adjust pixels in this images..

can these be edited in paint brush….

I cannot see above image …

this image is a very narrow strip (only 1px high)
paint brush won’t work as these images are png format with transparent backgrounds.

here is a edited version of the bgr_body.png:
https://img260.imageshack.us/img260/9237/sabkubgrbody.png

and here is the edited bgr_header.png:
https://img217.imageshack.us/img217/9920/sabkubgrheader.png

hope it works, good luck

@alchymyth i did all changes as u mentioned but it didn’t change anything……

or will it take some time for changes to display??

check https://sabkuchhere.co.cc/

feedjit widget is still appearing incomplete…

press the ‘reload’ button on your browser, or press CTRL and F5 at the same time, to reset and clear the browser cache –
your changes are visible here on my end.

thanks for the solution but now Featured Posts section is cut from right and also the broad sidebar where search option is there has created more space on right…

also can u solve this problem…

https://www.ads-software.com/support/topic/384303?replies=13

especially the post mentioned below..

Guys i have only option of editing two narrow left and right sidebars in widget area…. Tell me how to insert widgets like ads to top broad sidebar……

I have explained my problem using screenshot below..

https://i39.tinypic.com/5u3io0.png

here is screen shot of problem faced now..

https://i43.tinypic.com/acr7rl.png

here is another list of styles in style.css that need editing, mostly the width value (new values are in the styles below):

#board_items{
	width:534px;
	padding:15px 0 0 30px;
}
#board_body{
	width:100%;
}
#board_carusel{
	width:534px;
	height:120px;
	position:relative;
}
#board_carusel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.board_item{
	width:534px;
	height:120px;
	overflow:hidden;
}

#sidebar_about{
	width:344px;
	overflow:hidden;
	padding:0 0 17px 15px;
	background:#fff;
}

#sidebar_ads{
	background:#fff;
	padding:15px 0 0 9px;
	width:353px;
	overflow:hidden;
}

#sidebar_ads div{
	float:left;
	padding:0 25px 10px 15px;
}

#sidebar_search{
	width:100%;
	overflow:hidden;
	width:353px;
	padding:0 0 0 9px;
}
#sidebar_search_val{
	float:left;
	background:#fff;
	border:1px solid #e5e5e5;
	width:283px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	padding:8px 9px 9px 9px;
}

hope this brings most things back into balance.

i am sure you learned so much about editing css styles by now, that you will be able to make smaller adjustments yourself.

i’ll have a look at your other tread later today.

edit:
style to fix the dropped comment count, new width value below:

.post-top h2{
	font-size:29px;
	color:#000;
	font-weight:normal;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 6px 0;
	float:left;
	width:465px;
}

Thanks alchymyth plz also take look at other thread…