Viewing 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    Hi,
    Try adding this to your custom css box in Theme Options > Advanced Settings:

    .boxed .contentclass {
      margin-left: -30px;
      margin-right: -30px;
    }

    Hope it helps!
    Hannah

    Thread Starter Datcha

    (@datcha)

    Hi Hannah! Thank you so much for your help!!!
    Unfortunately, that does not help : the text does not respond, only the white behind, the ‘container’, does…
    How could I make space in between the text and the white page on the right and on the left side? To me it was margin, yes, but it does not work ??
    Cos like that it is very not pretty… ??
    Big Thks!!!
    https://sandracrosasso.com/?page_id=37

    In your theme options > advanced settings add this:

    @media (min-width: 768px){
    .boxed #wrapper.container {width: 768px;}
    }
    @media (min-width: 992px){
        .boxed #wrapper.container {width: 992px;}
    }
    @media (min-width: 1200px){
        .boxed #wrapper.container {width: 1200px;}
    }

    Kadence Themes

    Thread Starter Datcha

    (@datcha)

    Thanks! It looks better! But this makes variation in the container, but still not in the text width… which is still so close from the borders… Any tricks?…

    Hey,
    Maybe I’m missing something… What borders are you talking about then? Are you not wanting space on the edges? didn’t that code above add space?

    You can add padding to the page content with css like this:

    #content {
      padding-left: 40px;
      padding-right: 40px;
    }

    Kadence Themes

    Thread Starter Datcha

    (@datcha)

    Awesome!!!!!!!
    THAT’S EXACTLY WHAT I NEED!!!!! :))))))) https://sandracrosasso.com/?page_id=37
    Thank you very much!!!!
    And based on this I create it for the title ?? (I’m proud..)
    .page-header {
    padding-left: 90px;
    }
    I love this game when I know the code:)!!!
    Thanks a lot again!!!

    Thread Starter Datcha

    (@datcha)

    Ohohhh….. pls may I ask you for a little precision abt it?
    Which code shall be added to get this wonderful padding on content applied only on the website and not on the mobile site/device…

    #content {padding-left: 40px; padding-right: 40px;}

    Thank you very much!!

    hannah

    (@hannahritner)

    You can use this css:

    @media (min-width: 992px) {
    #content {padding-left: 40px; padding-right: 40px;}
    }

    Hannah

    Thread Starter Datcha

    (@datcha)

    Thks Hannah, that does not work -> then the website come back to std, ie without the padding. I need it on the website nd not on the mobile.
    Thks

    Hey,
    I don’t see the css hannah posted above in your site?
    That would target the css to only effect screens larger then 992px. Is that not what you want?

    Kadence Themes

    Thread Starter Datcha

    (@datcha)

    Ohhhh Sorry!! I guess I missed one } cos I tried again following ur message, and it does now work! Thank you so much for your patience! :)))

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Margin left & right for Pages’ is closed to new replies.