Joomla Templates Club 406,261 posts

[gverheij Friend gverheijJoin date: June 2009Posts: 40Downloads:0Uploads:10 Thanks: 8 Thanked: 4 times in 1 posts]

#165796

Now I’ve changed the readmore-button (http://www.joomlart.com/forums/topic/how-can-i-change-the-color-of-the-readmore-button/), I want to give the active thumb another color as well… Where can I change this color, It must be somewhere in the mod_jaslideshow2/assets/themes/travel/style.css, .ja-slide-thumb.active ??

In the attached picture, I want to make the soft-red part orange… :

Please help!

Thanks, Gerard

14065

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#399152

Hi,
You find this code from /modules/mod_jaslideshow2/assets/themes/travel/style.css

.ja-slide-thumbs .ja-slide-thumb.active .ja-slide-thumb-inner {
background: url("active-bg.png") repeat-x left top #BD022C; < change this text
}

[gverheij Friend gverheijJoin date: June 2009Posts: 40Downloads:0Uploads:10 Thanks: 8 Thanked: 4 times in 1 posts]

#399293

Hi Khoand,

Thanks, but that change in that file did not change the color,
However, I found that there was another css-file in which ja-slide-thumb.active was defined in my local directory:

So when I changed this code to this file I got the desired, orange, result:
templates/ja_travel/local/themes/jci_blue/css/template.css

.ja-slide-thumbs .ja-slide-thumb.active .ja-slide-thumb-inner {
/* background: url(“../images/active-bg.png”) repeat-x scroll left top #e35a38; */
background: url(“../images/active-bg_jci.png”) repeat-x scroll left top #E76B08;
}

And, off course, I had to copy the changed active-bg_jci.png (orange-color) to this directory:
/templates/ja_travel/local/themes/jci_blue/images

So, I assume the local template overrules even the styling of module JA SlideShow2 css-definition…

Thanks anyhow, Regards,

Gerard

1 user says Thank You to gverheij for this useful post

1. khoand

[Author]

Posts