Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #168979

    Can anyone help me how i can reduce the paddings on both sides and between the main content and the sidebar also the footer. but still retains its responsiveness.

    thank you

    my site is http://webtechnology.ph

    #168993

    Hi ChaosWeb!

    Please add following code to Enfold theme options and adjust as desired

    .content { padding-top: 20px; padding-bottom: 20px; }

    Cheers!
    Yigit

    #169008

    Sir,

    its not working.

    #169150

    Hi!

    You can add this on your custom.css or Quick CSS:

    .main_color.container_wrap.sidebar_right .container {
    margin: 0 20px;
    }

    Cheers!
    Ismael

    #170066

    Thanks sir, but the padding on the right side wasnt fixed.

    Heya!

    #170271

    Hi!

    You need to adjust the container width on different screen widths:

    @media only screen and (min-width: 1140px) { 
    .main_color.container_wrap.sidebar_right .container {
    margin: 0 20px;
    width: 940px;
    }
    }
    
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .main_color.container_wrap.sidebar_right .container {
    margin: 0 20px;
    width: 742px;
    }
    }
    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .main_color.container_wrap.sidebar_right .container {
    margin: 0;
    width: 468px;
    }
    }

    Regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Paddings’ is closed to new replies.