Joomla Templates Club 406,261 posts

[Peter Konstantakos Friend Peter KonstantakosJoin date: September 2014Posts: 108Downloads:0Uploads:8 Thanks: 10 Thanked: 6 times in 1 posts]

#157022

I have made some mods to this template. http://www.beaminghope.org

I have added 20px padding to the css in layout.css
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}

The issue is it looks great on the inner pages but there is too much on the home page.

My question is how do I take that padding off just the homepage. I thought I could add a new line of css to the layout css file and add it to the menu class suffix in the menu item but I am not sure.

I did add this line of css to the file

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

Any help will be appreciated. Thanks

Peter

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#365560

Dear Konstantakos,

In this case you can create a page class suffix for your Homepage,For example you create a class suffix which name .homepage
Then you can adding css like this
.homepage .main .inner {
padding:0px !important;

}

1 user says Thank You to Sherlock for this useful post

1. Peter Konstantakos

[Author]

Posts