Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 1, 2013 at 10:11 pm #168979
    ChaosWeb

    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

    October 1, 2013 at 10:44 pm #168993
    Yigit

    Hi ChaosWeb!

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

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

    Cheers!
    Yigit

    October 1, 2013 at 11:10 pm #169008
    ChaosWeb

    Sir,

    its not working.

    October 2, 2013 at 7:14 am #169150
    Ismael

    Hi!

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

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

    Cheers!
    Ismael

    October 3, 2013 at 8:39 pm #170066
    ChaosWeb

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

    Heya!

    October 4, 2013 at 4:40 am #170271
    Ismael

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Paddings’ is closed to new replies.