The width in above CSS is already increased by 3% based on the default width. If you would like to increase it some more you can lower the 72% value and increase the 28% value.
Hope this helps, let me know if you have any questions.
Thanks, that does work however there is an issue I have with this method. ALL the website pages have this sidebar setting set. Even when I explicitly "hide" the sidebar for a page there is whitespace for where a sidebar 'should be'.
There is a workaround to "hide" the sidebar again for specific pages? Or maybe a way to change the sidebar width only for only specific pages where it is needed?
This one will only target the pages where there is a sidebar visible. Pages without sidebar will be skipped.
Changing the sidebar width for specific pages will be possible with some custom CSS but you need to add each page to the CSS code specifically. It's not really good dynamic solutions for the long run. If the above CSS codes fixes the problem I recommend to use that one instead.
If you do want to change the sidebar width on specific pages just let me know which pages and I'll provide you with a CSS code snippet.
This new CSS does the trick! Thank you, that is what I needed for the site.
Just a suggestion, but for backlog feature adds, this might be a good one for consideration on Theme customizations. That is, the user can easily modify the sidebar size and options in a setting.
Hi, I created a custom sidebar for the clinic details, operating hours, social media links, etc. I find for this sidebar the content is too condensed.
- Is there a way I can increase the width of the sidebar?
I can't seem to find a setting for this. I don't mind if this would be for all the site pages/sidebar default width.
Hi Melanie,
Thank you for your message.
You can increase the content sidebar width by copy/paste the following CSS code to Appearance -> Customize -> Additional CSS:
The width in above CSS is already increased by 3% based on the default width. If you would like to increase it some more you can lower the 72% value and increase the 28% value.
Hope this helps, let me know if you have any questions.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Barry,
Thanks, that does work however there is an issue I have with this method. ALL the website pages have this sidebar setting set. Even when I explicitly "hide" the sidebar for a page there is whitespace for where a sidebar 'should be'.
There is a workaround to "hide" the sidebar again for specific pages? Or maybe a way to change the sidebar width only for only specific pages where it is needed?
Thanks for the support,
Melanie
Hi Melanie,
I see, the CSS I provided earlier doesn't fully work. My apologies.
Could you replace the previous CSS with the following one:
This one will only target the pages where there is a sidebar visible. Pages without sidebar will be skipped.
Changing the sidebar width for specific pages will be possible with some custom CSS but you need to add each page to the CSS code specifically. It's not really good dynamic solutions for the long run. If the above CSS codes fixes the problem I recommend to use that one instead.
If you do want to change the sidebar width on specific pages just let me know which pages and I'll provide you with a CSS code snippet.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Barry,
This new CSS does the trick! Thank you, that is what I needed for the site.
Just a suggestion, but for backlog feature adds, this might be a good one for consideration on Theme customizations. That is, the user can easily modify the sidebar size and options in a setting.
Thanks!
Melanie
I definitely agree a setting for this makes it a lot easier for users. I'll put it on the list, thank you for the suggestion![smile.png](https://assets.ticksy.com/app/_theme/shared_assets/redactor2/emoticons/emoticons/smile.png)
Best regards,
Barry
QreativeThemes.com | WordPress Themes
You are welcome, thank you for the support!