Widen Sidebar for 300×250 banners

Site url?

You must edit this:

<div id=”content-body”>

and

<div class=”content-sidebar>

CSS code is inside style.css in Your lightword theme folder. Decrease content-body and increase content-sidebar. Simple!

unfortunetly it’s not that easy. i’ve done similar adjustments with other themes but my css is limited. you can find the CSS file here:

https://www.lightword-theme.com/wp-content/themes/lightword/style.css

there are several #content-body and .content-sidebar lines. you can adjust the witdh of the sidebar with this line i guess:

.content-sidebar{width:191px;display:inline-block;overflow:hidden;vertical-align:top;}

but how do i adjust the outer section of the sidebar? it always gets drawn below the content when i expand it to 300px.

@esmi i didn’t set the blog up yet. still experimenting offline with xampp.

In that case, I’d recommend using Firefox with the Firebug add-on to pinpoint exactly which CSS you need to change.

lightword css modified for 300px wide sidebar:

wider.css

style.css

original.css

hope, i didn’t miss anything and your graphics match ??

i don’t know how to thank you guys, especially alchymyth!! you really helped me out. BIG THX

alchymyth can u please post the link again to the wider sidebar?

that link u posted has expired

here is a new link to the zipped lightword with 300px sidebar, inc. graphics.

respect to the author Andrei Luca who made this nice, easy adaptable theme ??

thanks alot good sir ??

Hi I used the modified template for the 300×250 banner but it still not enough to show the entire banner.

Appreciate your assistance

Thanks

@bigdeal2010

what width do you actually need?

can you post a link to your site where this can be seen?

Hi alchymyth

Thanks for the response

Here’s a sample link:

https://www.greenarchers.ph/3292/green-archers-head-off-to-the-windy-city

The Two square banners on the side bar are 300px in width but the sidebar is not wide enough to fully display them

Btw is there a way to include the time of post aside from date in the Sidebox?

Thanks

in addition i want this (increase sidebar) to be done by reducing the width of the content section in the left

@bigdeal2010
modified wider.css https://wordpress.pastebin.com/crZmkm2D
modified style.css https://wordpress.pastebin.com/ecpjHQxT

sidebar made wider by 60px; content made narrower by 60px;
if you have trouble adjusting the images, let us know.

Btw is there a way to include the time of post aside from date in the Sidebox?

edit functions.php, line 535, to add
"<br />".get_the_time('g:i a').
in here:
echo "<div class=\"comm_date\"><span class=\"data\"><span class=\"j\">".get_the_time('j')."</span>".get_the_time('M/y')."<br />".get_the_time('g:i a')."</span><span class=\"nr_comm\">";

change this style to make the box 10px higher (height changed to 110px):
.comm_date{background:transparent url(images/date_comm_box.png) no-repeat;height:110px;width:57px;position:absolute;text-align:center;margin:0 0 0 -72px;z-index:2;}

and edit the bg image to make the top part 10px higher as well:
date_comm_box.png https://yfrog.com/28datecommboxp

Hi alchymyth

Thanks a lot for the assistance! I really appreciate it. Everything is normal now