Joomla Templates Club 406,261 posts

[patrykwalkowicz Friend patrykwalkowiczJoin date: January 2013Posts: 6Downloads:0Uploads:0 Thanks: 2]

#187856

Hello!

I’d like to create a 1000px wide area (and avoid standard left and right margins 30px each).

This is what I’ve already tried:

I’ve created custom .no-padding class and applied it to the module I want to use:

.no-padding {
margin:0px !important;
padding:0px !important;

}

which doesn’t bring effect.

I also tried coding it like: padding-left: -30px; etc but it doesn’t work, too.

In layout.css I found the code responsible for the general 30px margin:

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
padding-left: 30px;
padding-right: 30px;
}

.main .main-inner1 {
/* We use liquid layout, so we need to insert a div which will create margin if need */
margin-left: 30px;
margin-right: 30px;
}


But I’m not sure how to create an exception for just one module from there. I think I was pretty close with my .no-padding class but I don’t have enough CSS knowledge to make it work well. I’d appreciate your help.

Best wishes!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#494367

In which part of your site are you trying to create this area?

[Author]

Posts