CSS for Responsive Margins

bsjelin
45 Posts
bsjelin posted this 13 April 2016

Hello,

Where can I edit the following css field?

@media (max-width: 767px)
body {
    padding-right: 20px;
    padding-left: 20px;}

I've been trying to find it in the UI forever, but I cant seem to figure it out. Themler is adding margin on the left and right of my responsive templates but I cant find a way to make it full width - but this is ONLY for the "default" template, not for the homepage template which confuses me.

I'd rather change it in the UI than manually editing the css to prevent it getting overwritten in the future.

Thanks in advance!

Hello, Where can I edit the following css field? @media (max-width: 767px) body { padding-right: 20px; padding-left: 20px;} I've been trying to find it in the UI forever, but I cant seem to figure it out. Themler is adding margin on the left and right of my responsive templates but I cant find a way to make it full width - but this is ONLY for the "default" template, not for the homepage template which confuses me. I'd rather change it in the UI than manually editing the css to prevent it getting overwritten in the future. Thanks in advance!
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
bsjelin
45 Posts
bsjelin posted this 13 April 2016

ooooooh its coming from HOMEURL/media/jui/css/bootstrap-responsive.min.css

Thats not something that is directly edited within Themler is it? I've tried adding the following to Additional CSS to try and override it but still no luck with it.

@media (max-width: 767px)
body {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

ooooooh its coming from HOMEURL/media/jui/css/bootstrap-responsive.min.css Thats not something that is directly edited within Themler is it? I've tried adding the following to Additional CSS to try and override it but still no luck with it. @media (max-width: 767px) body { padding-right: 0px!important; padding-left: 0px!important; }

Last edited 13 April 2016 by bsjelin

bsjelin
45 Posts
bsjelin posted this 13 April 2016

I figured it out, nevermind everyone.

Changed the css I had in additional css to the following and it worked.

body.bootstrap.bd-body-2.bd-pagebackground {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

I figured it out, nevermind everyone. Changed the css I had in additional css to the following and it worked. body.bootstrap.bd-body-2.bd-pagebackground { padding-right: 0px!important; padding-left: 0px!important; }
Support Team
Support Team posted this 19 April 2016

Hello Brandon,
you're welcome.
Let us know if you have other questions

regards,
Aileen

Hello Brandon, you're welcome. Let us know if you have other questions regards, Aileen
You must log in or register to leave comments