Joomla Templates Club 406,261 posts

[aeniselmomoh Friend aeniselmomohJoin date: May 2014Posts: 6Downloads:0Uploads:2 Thanks: 4]

#197646

Hi,

I have modified template.css file to modify the background color for module in position 5-6-7 (module.white, module.highlight, module.dark).

It works for highlight & dark but for white he doesn’t takes the changement.

For facility purpose, in my css I have modified “white” into “green”. I have also try to rename it again in “white” but it doesn’t works.

When I control with firebug I see that I haven’t a space between module and “green” class.

It seems that he applies general module background “transparent”

See screenshot

ps: sorry for my bad english :-[

Thanks

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534665

How did you modify the relative CSS files?

In which CSS file did you modify the rule(s) for the background images?

[aeniselmomoh Friend aeniselmomohJoin date: May 2014Posts: 6Downloads:0Uploads:2 Thanks: 4]

#534706

In template.css:

.t3-module.white {
background: #7db944
color: #666
}
.t3-module.white .module-title {
color: #fff
}
.t3-module.white .module-title span span {
color: #01a3d4
}
.t3-module.white a {
color: #01a3d4
}
.t3-module.white a:hover,
.t3-module.white a:focus,
.t3-module.white a:active {
color: #016888
text-decoration: none;
}

I have made same color changement for .t3-module.highlight & .t3-module.dark and it works 🙂

[aeniselmomoh Friend aeniselmomohJoin date: May 2014Posts: 6Downloads:0Uploads:2 Thanks: 4]

#534708

In template.css:

.t3-module.white {
background: #7db944
color: #666
}
.t3-module.white .module-title {
color: #fff
}
.t3-module.white .module-title span span {
color: #01a3d4
}
.t3-module.white a {
color: #01a3d4
}
.t3-module.white a:hover,
.t3-module.white a:focus,
.t3-module.white a:active {
color: #016888
text-decoration: none;
}

I have made same color changement for .t3-module.highlight & .t3-module.dark and it works 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#534709

Assuming you are using the current J3.x version of JA Beranis, you should try adding those CSS rules to your custom.css file. If you do not have a custom.css file established already, then you can/should create the file within file path –> /templates/ja_beranis/css

Paste the above CSS within the custom.css file . . . save changes/clear cache and refresh your page.

Does that work for you?

1 user says Thank You to TomC for this useful post

1. aeniselmomoh

[aeniselmomoh Friend aeniselmomohJoin date: May 2014Posts: 6Downloads:0Uploads:2 Thanks: 4]

#534729

Yes thank you. Do you have an idea if it possible to make this module cliquable ? 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#534826

Is ‘green’ the class suffix of module? If so, you need to add a space before this class name

[Author]

Posts