Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#964598

Hi

You can use a class suffix in this way

.newback.t3-module {
background:#yourcolor;
border:1px solid #c00;
}

Then add to your module the suffix newback ( or whatever you want to call it ) adding an empty space at the beginning , as showed in image below i applied custom class to the weather module in sidebar-1 position.

---

Attachments:

1. 
2. 
3. 

1 user says Thank You to pavit for this useful post

1. Spell

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964624

Oh thats great! Thank you very much|! worked like charm.

Is it a way to change the Red title of the module to another color ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#964626

Spell wrote:

Is it a way to change the Red title of the module to another color ?

Add to your custom.css file this

.module-title {
background:#000!important;
}

If you want it black , or add your preferred color

1 user says Thank You to pavit for this useful post

1. Spell

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964627

In the printscreen i show what i want to achieve.

I tried adding after a search in the forum this:

.cat-blue .t3-sidebar .t3-module .module-title {
background: #0077bb !important;
}

.cat-green .t3-sidebar .t3-module .module-title {
background: #669900 !important;
}

.cat-orange .t3-sidebar .t3-module .module-title {
background: #ff8800 !important;
}

.cat-cyan .t3-sidebar .t3-module .module-title {
background: #0099cc !important;
}
(in custom CSS)

but it didnt work.

---

Attachments:

1. 

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964630

Also after adding the border the yahoo weather displays only one town or gets vanished. pretty weird. Anny suggestions?

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964645

@pavit thanx for the reply i wrote again without having seen your post. sorry about that. One question

In the module class suffix this time i use module-title (with a blank space at the beginning) and add the newback with a , and a space?

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964653

@pavit also your code changes all the module titles to the specific color. I want to change it only in one module. Any suggestions?

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964667

SOS guys! After adding

.module-title { background:#000!important; }

And everything turned the same color i deleted it , saved the new custom.css but the color persists. Cleared cashe, tried 4 different brownsers (firefox Opera Edge Chrome) I can revert to the demo colors only if i delete the custom.css. If i try to upload a new one (custom.css) the change comes back and everything changes color. even if the custom.css is the one from the quickstart package…

What can i do to fix it?

(No custom.css now. i have deleted).

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964693

Problem solved flushing the whole site cashe.

Now i need just to be able to change the color to a specific module with it keeping the border settings. Any suggestions?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#964905

Spell wrote:

Now i need just to be able to change the color to a specific module with it keeping the border settings.

Hi

you can use the

.newback.t3-module {
background:#yourcolor;
}

using custom class to add to the module advanced settings as i showed above.

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964917

I want to change the color of the title of the module and keep the border too. Also to be able to CHANGE ONE MODULE per class. When i used your previous code it change every module title to my choosen color.

Please look at the two prinscreens.

1module.jpg is showing the problem. The .png file the first module using newback class. (and it works)

Hope this post explains better what i want to accomplise.

---

Attachments:

1. 
2. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#964970

As i showed above how to create a CUSTOM CLASS you can do the same for module title

as example add to your custom.css this codes

.yellowtitle .module-title  {
  background:#edcd09!important;
}
.blutitle .module-title  {
  background:#0914ed!important;
}

Then add the class into advanced tab -> Module Class Suffix
of each module

Regards

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. Spell

[Spell Friend SpellJoin date: September 2013Posts: 118Downloads:113Uploads:38 Thanks: 33 Thanked: 1 times in 1 posts]

#964984

Worked like a charm and i finally understood what to do. Sorry i was seperating the two module classes with a comma and not with a space. Stupid me.

Again thank you for your patience 🙂

[Author]

Posts