Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1414828

    maggichris
    Participant

    Hello,

    I use Icon.

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

    Thank you

    #1414851

    Rahul
    Moderator

    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.

    #1415006

    maggichris
    Participant
    #1415119

    Rahul
    Moderator

    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!

    #1415143

    maggichris
    Participant

    Hey There,

    I tried but it does not work

    #1415271

    Thai
    Moderator

    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 🙂

    #1415961

    maggichris
    Participant

    Hey There,

    I tried but it does not work

    #1416366

    Thai
    Moderator

    Hi There,

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

    Thanks.

    #1423891

    maggichris
    Participant
    This reply has been marked as private.
    #1424665

    Friech
    Moderator

    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,

    #1428951

    maggichris
    Participant

    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

    #1428996

    Friech
    Moderator

    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.


    screenshot

    Thanks,

    #1429014

    maggichris
    Participant

    Hi There,

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

    Look at the 2 attached pictures.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #1429023

    Rad
    Moderator

    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!

    #1429046

    maggichris
    Participant

    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!