CSS for Responsive Margins

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!

Joomla css themler

Vote to pay developers attention to this features or issue.

3 Comments

Order By: Standard | Newest

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

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 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