Docs

[addictivebehaviourco]

Hi

I am looking to have a 1500px max width on my home page and possibly other main heading/menu pages, but a 1200px on all the content pages.

I understand I can edit individual max widths using CSS and the page ID but what is the homepage ID. How do I amend the home page max width without affecting the general site max width please?

Thanks
Neil

[Rupok]

Hi Neil,

Thanks for writing in! You can use .home preceding selector for home page. Also if you just use the page level CSS under Cornerstone settings tab then it won’t affect other pages.

Cheers!

[addictivebehaviourco]

Thanks so much for this. I have tried a few variations of CSS for the homepage and still can’t figure out what the code should be. Sorry. This is what I have tried:

.home .x-main.full {
max-width: 800px;
margin: 0 auto;
}

Any ideas please??

[Friech]

Hi There,

Please provide us the site URL, so we can take a look on your home page.

Thanks.

[addictivebehaviourco]

This reply has been marked as private.

[Paul R]

Hi Neil,

You can try this code instead.

.home .x-container.max.width.main {
    max-width: 800px;
    margin: 0 auto;
}

Hope that helps

[addictivebehaviourco]

Hi

Thanks that works, but I should have explained. I want to make the homepage a certain width and all other pages be a smaller width.

This doesn’t overide the Site Max Width slider setting. Is there anyway to do that so I can set the site max width to a very small width and the home page to max 100% width?

Apologies for any confusion.

Neil

[addictivebehaviourco]

Ignore me. It works! Thankyou!!!

[Rahul]

Glad to hear it!

If you have anything further to ask regarding the X-theme, kindly let us know. We’d be happy to assist you with anything.

Thanks for choosing the X-theme. 🙂

[Author]

Posts