How do I increase the sidebar width?

Hello imaginelovinglife,

Please share the site url so i can suggest you appropriate custom css as per the need.

Kind regards,

Manoj

Here you go. https://imaginelovinglife.com/
I need the side bar to be able to handle images with 300 width.

Thanks.

You don’t have a sidebar on the above site

It has a sidebar. I was playing with the CSS. Sorry. When I increase the side bar to 30%, it goes to the bottom of the page so it looks like it does not have a sidebar.
I placed it back now. Or I reset the code back to the original.

• This reply was modified 6 years, 9 months ago by imaginelovinglife.

I am using images around 200 width but would like to be able to use images with 300 width and 250 height.
Thank you!

I haven’t played around with this. I know you can change the content using:
.container {
width: 70%;
}

The sidebars can be adjusted with this:
.secondary {
width: 50%;
}

Play around with the % to your liking

Ok I am playing around with it.

.secondary does not change anything for me though. Changing the .container changes the article size also. Changing .sidebar to something bigger like 30% puts the sidebar at the bottom.

I will play with it some more.

Thanks anyway.

• This reply was modified 6 years, 9 months ago by imaginelovinglife.

Ok I figured it out.

It is

#primary {
width: 70%;
}

#secondary {
width: 30%;
}

.container {
width: 70%;
}

I still have to play around with the .container percentage but it looks good.

Thanks for the tips. It helped me a lot!

I don’t see any changes at the link you gave above.

it should have been .widget instead of .secondary

If what you posted above is working for you that is all that counts!

I had to revert it back. It turns out, the homepage looks good in desktop but messed up in mobile.