More Page Width only on custom pages

[bigdreams]

Hello,

i have set up the page width in the x theme settings — and that’s ok for all my pages.

1. But not I would like to make only several page wider — would that be possible with css?

This site for example: https://kugelsicher.at/shop/

2. I would like to reduce the spacing between sidebar and main content (just a little bit)

thank you!

[nabeel]

Hi @bigdreams,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

• To apply the CSS on specific pages, you need to get the page ID first, please see https://theme.co/docs/how-to-locate-post-ids then with the page ID you can target the page container .x-container.max.width for example .page-id-2276 .x-container.max.width to give it more width than the selected one in the theme options. You can find the selector by inspecting the page in Chrome developers tool:

• You can reduce the spacing between sidebar and main content by increasing the width of the main content:

Make sure to target the main container with the page ID so the CSS is not applied globally. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!