Docs

[maggichris]

Hello,

I use Icon.

I would like to know how to decrease the space between the sidebar and the main content?

Thank you

[Rahul]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[maggichris]

Hi There,

http://www.dicotravail.com/

[Rahul]

Hey There,

Thanks for writing in!

Please add this CSS at Appereance > Customizer > Custom > CSS :

@media (min-width: 1200px)
(index):1148
body.x-content-sidebar-active, body[class*="page-template-template-blank"].x-content-sidebar-active.x-blank-template-sidebar-active {
    padding-right: 250px;
}

Hope this helps, let us know how this goes!

[maggichris]

Hey There,

I tried but it does not work

[Thai]

Hi There,

Please try with this code instead:

@media (min-width: 1200px){
    body.x-content-sidebar-active, 
    body[class*="page-template-template-blank"].x-content-sidebar-active.x-blank-template-sidebar-active {
        padding-right: 310px;
    }
}

Hope it helps 🙂

[maggichris]

Hey There,

I tried but it does not work

[Thai]

Hi There,

Please provide us with your admin account so we can take a closer look.

Thanks.

[maggichris]

This reply has been marked as private.

[Friech]

Hi There,

Add this on the Custom > Global CSS on the Customizer

.site {
	width: 100%;
}

Or if you want to completely rid the gray space between the main content container and sidebar, add this instead.

.site {
	width: 100%;
	max-width: 100%;
}

The site has a caching plugin (W3 Total Cache) make sure to clear that and your browser’s cache after the changes.

Thanks,

[maggichris]

Hi There,

I try this solution but it still does not work, yet I have to empty the cache.

The gray space between the main content container and sidebar is always there !

Thanks

[Friech]

Hi There,

Where did you place the custom CSS? I am not seeing it on the Custom > Global CSS on Customizer. The code works, when I test it.

Thanks,

[maggichris]

Hi There,

I dont understand because at home it does not work, yet the code is there.

Look at the 2 attached pictures.

Thanks

[Rad]

Hi there,

You should add it to customizer’s custom CSS, and not just custom CSS (it’s not related to X theme). The X’s custom CSS is loaded after your custom CSS, and that’s override your CSS.

Thanks!

[maggichris]

Hi there,

I tried to put it everywhere, it does not work.

Thank you for showing me a screenshot of where the code should be set for it to work.

Thanks!

[Author]

Posts