Public Forums 71,145 posts

[cuosc Friend cuoscJoin date: August 2016Posts: 11Downloads:7Uploads:1]

#961938

Good morning,

I’m very new to Joomla, so please bear with me. I have my site up online now, albeit changes being made constantly: http://cuoscdemo.co.uk/

I’ve put the following into a custom.css file to change the background colour of the footer, and also the modules; however I only actually want the background colour to apply to the modules within the footer. How best do I resolve this? Should I change the name of the div-class for the modules in the footer to module-inner-footer and then apply some custom css – if so, where would I make the change to the name of the div-class.

I’m very new to LESS files, so much so that I don’t really understand how it works other than if I make changes to the CSS files themselves, I may lose my changes at some point?

Any help would be very greatly appreciated.

.t3-footer {
background: #262626
}
.module-inner {
background: #262626
}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#961952

Hi
Use this code to apply the changes only for footer modules

.t3-footer .module-inner{background:#262626 }

[cuosc Friend cuoscJoin date: August 2016Posts: 11Downloads:7Uploads:1]

#961957

Thanks Pankaj – that’s exactly what I was looking for. So simple too!

[Author]

Posts