How to narrow the sidebar

Hello,

Can you please share link to your site so that I can help you regarding that?

Looking forward for your reply. Thank you.

Hi,

Sure, the website is https://www.biothecareestetika.com/manchester

I previously found out how to remove the sidebar and increase the width for the main content for this Graphy theme but now I’ve decided actually the sidebar could be useful but it’s impacting the width of the main content!

Hope you can help.

Thanks

Hello,

You need to try this in your Custom CSS for achieving that:

.has-sidebar .content-area {
    margin-right: 39px;
    max-width: 100%;
    width: 800px;
}
.has-sidebar .sidebar-area {
    width: 220px;
}

Hope that helps. Thank you.

Hi Jitendra,

Thanks for your suggestion but I didn’t notice any change I’m afraid. The coding for the section you are referring to looks slightly different as well. In default it reads:

.has-sidebar .content-area {
margin-right: 59px;
padding-right: 59px;
width: 700px;
}
.has-sidebar .sidebar-area {
width: 300px;
}

Hello,

The code you have mentioned is the default code in the style.css. But you need to add the code provided by me above to override the style.css to make changes in your site.

Feel free to ask if you need any other help regarding that.

Hi Jitendra,

Replacing the code with yours still has not changed the appearance in anyway. Another area in the css file which has similar code is this:

.has-sidebar .content-area {
border-right: solid 1px #ddd;
float: left;
margin-right: 44px;
padding-right: 44px;
width: 570px;
}
.has-sidebar .sidebar-area {
float: left;
width: 240px;

Should I instead overwrite this with yours instead?

Hello,

Please don’t play with the theme’s CSS file. It will reset all your changes when you update your theme. Please use Custom CSS for adding your codes. If your theme doe’s not provide Custom CSS, then you can use some plugins for that instead. Here is a document guides you about how you use Custom CSS if your theme does not support that:

If you are adding the code directly in the theme file by deleting another piece of code, then that might work or might not as it is possible that you have more than one entry for the same place.

Hope that helps. Thank you.

Sorry I wasn’t aware Custom CSS is different to the CSS file.

I have undone the last change I made to the CSS file, reread your instructions and followed them correctly and it seems to have worked!

Thank God for that! Many thanks for your help indeed!

Hello,

I am glad it helped. Please mark this topic as resolved.

Thank you.

No worries and thanks again.

Welcome.