Joomla Templates Club 406,261 posts

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#665381

Hello,

I’m trying to override a CSS class that is located in the bootstrap.css file. For some reason no matter how I try, I can’t seem to override the .container class.

Here is the CSS I’ve been trying to use in the custom.css file:

.layout-events #t3-mainbody .container {
margin-right: auto;
margin-left: auto;
padding-left: 10px !important;
padding-right: 10px !important;
}

I have an issue with the padding on this page of my site:
http://ecomagazine.cloudaccess.host/index.php?option=com_content&view=category&layout=ja_teline_v:blank&id=152&Itemid=136

If I change the .container class in the bootstrap file then is messes up the homepage.

Thank you,
john

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#665436

Hi

Seems that problems in your events page are coming from this setting in your custom.css at line 114

.layout-magazine #t3-mainbody .row {
margin-left: 10px;
margin-right:20px;
}

If you disable them your page looks correctly loaded in margins

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#746582

Hi

Seems that problems in your events page are coming from this setting in your custom.css at line 114

.layout-magazine #t3-mainbody .row {
margin-left: 10px;
margin-right:20px;
}

If you disable them your page looks correctly loaded in margins

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#665438

I commented out that CSS, but now the homepage layout is outside the margins.

http://ecomagazine.cloudaccess.host/

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#746584

I commented out that CSS, but now the homepage layout is outside the margins.

http://ecomagazine.cloudaccess.host/

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#665439

I don’t know which type of changes you previously made to your original css since quickstart version has no problems with it

anyway you can create a css override for the .container class in custom.css file
in this way

.events .container {
padding-left: 0px!important;
padding-right:0px!important;
}

Then in your events menu item in top navigation menu add events class suffix in Page Display Tab

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#746585

I don’t know which type of changes you previously made to your original css since quickstart version has no problems with it

anyway you can create a css override for the .container class in custom.css file
in this way

.events .container {
padding-left: 0px!important;
padding-right:0px!important;
}

Then in your events menu item in top navigation menu add events class suffix in Page Display Tab

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#665440

Yeah, I’m not sure what Happened. I try not to modify anything within the core, I just add CSS classes to the custom CSS. I just commented out the entire custom.css and the problem is still there.

Someone from this forum support did modify one of the acm layouts. I forgot who it was, I’d have to look though the posts I added.

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#746586

Yeah, I’m not sure what Happened. I try not to modify anything within the core, I just add CSS classes to the custom CSS. I just commented out the entire custom.css and the problem is still there.

Someone from this forum support did modify one of the acm layouts. I forgot who it was, I’d have to look though the posts I added.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#665441

Download the template files unzip on your local and restore all original files, it is the fastest way

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#746587

Download the template files unzip on your local and restore all original files, it is the fastest way

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#665442

Ok, will do.

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#746588

Ok, will do.

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#672784

I updated the template to the latest version and the problem still persists: http://ecomagazine.cloudaccess.host/

[conshelf Friend conshelfJoin date: February 2015Posts: 76Downloads:5Uploads:1 Thanks: 3]

#746679

I updated the template to the latest version and the problem still persists: http://ecomagazine.cloudaccess.host/

[Author]

Posts