Joomla Templates Club 406,261 posts

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#167601

I’m using template JA Minisite in combination with JA Slideshow. Everything works fine, but I wan’t to change the color from purple tot a yellow one. I have tried to find it with Firefox and Firebug but I couldn’t find it. An example can be found at http://www.houseonline.nl.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#407190

Go to this Folder http://www.houseonline.nl/modules/mod_jaslideshow/assets/themes/rasite/

there you will have change the image color

http://www.houseonline.nl/modules/mod_jaslideshow/assets/themes/rasite/grad-bg.gif

http://www.houseonline.nl/modules/mod_jaslideshow/assets/themes/rasite/arrow-bg.gif

If you need any further change in color you need to edit some css style.css and mod_jaslideshow.css in that folder

Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. hanspost

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

#407193

Hi,
You remove this code from /templates/ja_minisite/core/themes/yellow/css/template.css


/* slideshow ---*/
#ja-slideshow { background: url(../images/bgd_info.png) 50% 0 repeat-y; }

.mask{ background: url(../images/bgd_mask.png) 0 0 repeat-y; }

#ja-slideshow .readon{ background: #222; }
<em>@hanspost 260957 wrote:</em><blockquote>I’m using template JA Minisite in combination with JA Slideshow. Everything works fine, but I wan’t to change the color from purple tot a yellow one. I have tried to find it with Firefox and Firebug but I couldn’t find it. An example can be found at http://www.houseonline.nl.</blockquote>

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#407244

Thank you very much. The color is correct now. The only thing left is a grey column where the yellow arrow is hovering. How can I remove the grey column?

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#407246

Hello hanspost ,

To Remove Gray column

Find this code to template.css

#ja-slideshow .ja-slide-thumbs-wrap {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #CCCCCC;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
bottom: 10px;
position: absolute;
right: 10px;
z-index: 100;
}

Change this code to :-

#ja-slideshow .ja-slide-thumbs-wrap {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
bottom: 10px;
position: absolute;
right: 10px;
z-index: 100;
}

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#407279

I can’t find the string you are referring to. Can you tell me which template.css I need to change?

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

#407292

It is


#ja-slideshow .ja-slide-thumbs-wrap {
background: #CCC; < remove line
bottom: 10px;
position: absolute;
right: 10px;
z-index: 100;
}

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#407356

Yes I know that, but where can I find the template.css?

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

#407369

I can’t identify where template.css is, because cache mode is on. So, you turn cache mode off by login backend > Extensions > template manage > ja_minisite > Global tab > Css & Javascript Compress > set Optimize CSS is No

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#407378

Go to this File : http://www.houseonline.nl/modules/mod_jaslideshow/assets/themes/rasite/style.css

Find this code and replace it

.ja-slidewrap_rasite #ja-slideshow .ja-slide-thumbs-wrap { background: #ccc; bottom: 10px; position: absolute; right: 10px; z-index: 100; }


With


.ja-slidewrap_rasite #ja-slideshow .ja-slide-thumbs-wrap { background: none; bottom: 10px; position: absolute; right: 10px; z-index: 100; }


Note: If you Find my Post useful please click on the Thanks Icon

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#407410

<em>@khoand 261194 wrote:</em><blockquote>I can’t identify where template.css is, because cache mode is on. So, you turn cache mode off by login backend > Extensions > template manage > ja_minisite > Global tab > Css & Javascript Compress > set Optimize CSS is No</blockquote>

Ok, I’ve done that!

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#407411

<em>@Chavan 261204 wrote:</em><blockquote>Go to this File : http://www.houseonline.nl/modules/mod_jaslideshow/assets/themes/rasite/style.css

Find this code and replace it

.ja-slidewrap_rasite #ja-slideshow .ja-slide-thumbs-wrap { background: #ccc; bottom: 10px; position: absolute; right: 10px; z-index: 100; }


With


.ja-slidewrap_rasite #ja-slideshow .ja-slide-thumbs-wrap { background: none; bottom: 10px; position: absolute; right: 10px; z-index: 100; }


Note: If you Find my Post useful please click on the Thanks Icon</blockquote>

I have changed everything but no result as you can see on http://www.houseonline.nl

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

#407425

Code in http://www.houseonline.nl/modules/mod_jaslideshow/assets/themes/default/style.css
<em>@khoand 261100 wrote:</em><blockquote>It is


#ja-slideshow .ja-slide-thumbs-wrap {
background: #CCC; < remove line
bottom: 10px;
position: absolute;
right: 10px;
z-index: 100;
}
</blockquote>

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#407437

Pm your ftp details I will fix it for you now.

[hanspost Friend hanspostJoin date: July 2011Posts: 15Downloads:0Uploads:0 Thanks: 6]

#407711

Thank you for the offer, but I really want to change it myself. I want to learn from this!
I’ve changed the style.css but it doesn’t work. The gray block is still visible. Any suggestions?

[Author]

Posts