Joomla Templates Club 406,261 posts

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#200077

Hi,

So the Position 1, 2 and 3 modules have the following color options.
box-background-primary
box-background-secondary
box-background-dark

Primary outputs to “Blue”
Secondary to “Green”
Dark to “Dark grey”

Where and how can I change the colors to which ever color I want?
Thememagic only seems to hold the “Brand Primary Color” @blue, but there is no “Brand Secondary Color” nor “Brand Dark Color” options there…

Thank you.

All the best,

Calavaro

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

#543851

Hello to change the BG color on position 1,2,3
add this css code in your custom.css file

For
box-background-primary

.t3-module.box-background-primary {
background: #3498db; }

box-background-secondary

.t3-module.box-background-secondary {
background: #0F0FE7;
}

box-background-dark

.t3-module.box-background-dark {
background: #333333;
}

Change the value of color code as per you need .
For the issue related to brand color can you explain a bit more with a screenshot , for which container you want to apply the brand color .

2 users say Thank You to Pankaj Sharma for this useful post

1. calavaro
2. patvandenbosche

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#543856

Thank you, the custom css codes is exactly what I needed.

I found that the below code is needed as well, to color match the small overlapping box over the Position 1,2 and 3 boxes.

.t3-module.box-background-secondary:before {
background-color: #000055
}

Regarding the brand color. I thought that in Thememagic I could change brand secondary color (which is green), but there is no such option. In any case, I only need to change the Position 1, 2 and 3 colors with my own custom colors so there is no need for further, in depth, coding.

Thanks again.

[Author]

Posts