Tagged: ,

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

    Hi, I have a boxed layout. I would like to have a smaller margin between my easyslider & edge of the main content box on all sides. I would like to do the same for the side bar as the margins are quite thick making my content smaller.

    Thanks.

    #134939

    Hi,

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

    .boxed .container {
    margin: 0px 10px;
    }

    .container {
    position: relative;
    width: 990px;
    }

    @media only screen and (min-width: 1140px) {
    .responsive .container {
    width: 1110px;
    }
    }

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .container {
    width: 762px;
    }
    }

    Regards,

    Ismael

    #134940

    Hi, Thanks for your post. It seems to only work for the left side of the main content. How am i able to change also the padding to the right, top and bottom. Am i able to change these margins??

    Here is an example of of paddings we would like to change.

    http://www.qinross.com.au/wordpress/wp-content/uploads/2013/08/Example.jpg

    Thanks

    #134941

    Hi,

    Please add this for the mobile device:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .responsive .container {
    width: 458px;
    }
    }

    Regards,

    Ismael

    #134942

    How about for a normal desktop?

    #134943

    Hey,

    The code above is for the normal desktop view. Please adjust the width if necessary. Don’t remove browser cache then reload the page a few times to see the changes:

    .boxed .container {
    margin: 0px 10px;
    }

    .container {
    position: relative;
    width: 990px;
    }

    @media only screen and (min-width: 1140px) {
    .responsive .container {
    width: 1110px;
    }
    }

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .container {
    width: 762px;
    }
    }

    Regards,

    Ismael

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

The topic ‘Change the margin width to the main content area and side bar’ is closed to new replies.