Joomla Templates Club 406,261 posts

[rwilliams Friend rwilliamsJoin date: December 2015Posts: 40Downloads:8Uploads:4]

#909010

I want to use my own distinct colour scheme on the 4 modules in the Spotlight Section. I noticed that they have a module class suffix such as normal-module. How do I change the colours for each module? Thanks.

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

#909017

Hi
You can use your own module suffix and define the style in custom.css file .
Use inspect element from Google Chrome to check the style classes and apply the new style with adding your module suffix .
You can check the default module suffix style like this > http://prntscr.com/ao0wp5

Hope it helps .

[rwilliams Friend rwilliamsJoin date: December 2015Posts: 40Downloads:8Uploads:4]

#909044

Where exactly can I find the code to modify or create the custom.css file? Thanks.

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

#909190

HI
Go to /templates/Your JA Template/css/custom.css file
If there is not custom.css then create it .

[rwilliams Friend rwilliamsJoin date: December 2015Posts: 40Downloads:8Uploads:4]

#909193

I tried that but when I created the file; the page is not displaying properly. Kindly provide a sample code for me to work with please. Thanks.

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

#909199

Hi
Kindly post your site super user details via private reply and share the module id and the module suffix name and style code that you are adding in custom.css

[rwilliams Friend rwilliamsJoin date: December 2015Posts: 40Downloads:8Uploads:4]

#909208

I have to remove the custom.css file since it is messing up the website. This is the code that i placed in the custom.css file:

.t3-module.box-module {
background: #036e68;
border: 1px solid rgba(255, 255, 255, 0.1);
border: 1px solid #097269 9;
}

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

#909217

This reply has been marked as private.

[Author]

Posts