Hi,
1. I would like to lessen the padding (margin) on both the sides of the body, throughout the website.
2. I would also like to lessen the space between the slider and the menu bar, on the homepage.
The website is culinarycafe.manifesto.co.in
Please help me with some custom CSS to get this done.
Thank you!
Hi,
1. Here is the default css for different screen sizes, please change it like you wish as I don’t know exactly values that you want:
.td-grid-wrap {
padding: 49px 13px 0px 13px;
}
@media (min-width: 1200px){
.container-fluid {
padding-left: 35px;
padding-right: 35px;
}
}
@media (max-width: 1018px) and (min-width: 768px){
.container-fluid {
padding-left: 11px;
padding-right: 11px;
}
}
@media (max-width: 767px){
.container-fluid {
padding-left: 8px;
padding-right: 8px;
}
}
2. Also you ca reduce top padding from the above code and paste the code in Theme Panel > Custom Css: http://screencast.com/t/7ZHkGatw
For example I reduced top padding to 20px and is this is not apply please use !important
.td-grid-wrap {
padding: 20px 13px 0px 13px !important;
}
Hope this helps!
