-
Posts
-
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.
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
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
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
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
- The topic ‘Change the margin width to the main content area and side bar’ is closed to new replies.