Joomla Templates Club 406,261 posts

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#202052

Hi

I’d like to change the color of the slideshow background. I did something (I’ve no idea what) and ended up with this:

I’d like to change the green background (marked X) to a light grey but have no idea how.

Thanks in advance for any help.

---

Attachments:

1. 

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

#552860

Hi

Could you share your website url here ? also please disable css optimization from your template manager

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#552895

Thanks Pavit

I think I may have solved it but I’ve got a more pressing problem at the moment which I’m about to post about.

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#552931

Sorry Pavit I can’t quite fix it.

I’ve managed to get rid of the green but that lost the green bottom border.

The site’s http://www.edserve.co.uk/manorpark/

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

#552938

Hi

<blockquote>I’ve managed to get rid of the green but that lost the green bottom border.</blockquote>

Could you restore again the slideshow removing your modifications ?

I will have a look at it then

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#552948

Hi Pavit

I’ve changed it back.

In templates/ja_community_plus/themes/brown-green/css/color.css

This code

/* Slide show ---*/
#ja-slideshow .main { background: #151702 }

#ja-slideshow .ja-slide-mask,
#ja-slideshow .ja-slide-mask2 { background: url(../images/mask-l.png) no-repeat left top; }

#ja-slideshow .ja-slide-mask2 { background: url(../images/mask-r.png) no-repeat left top; }

#ja-slideshow .ja-slide-prev, .ja-slide-next { background: url(../images/btn-l.png) no-repeat left

top; }

#ja-slideshow .ja-slide-next { background: url(../images/btn-r.png) no-repeat left top; }

.ja-slide-desc h3 { color: #c15262 }

Gives :

Black bottom border, grey background

And this code

/* Slide show ---*/
#ja-slideshow .main { background: #287403 }

#ja-slideshow .ja-slide-mask,
#ja-slideshow .ja-slide-mask2 { background: url(../images/mask-l.png) no-repeat left top; }

#ja-slideshow .ja-slide-mask2 { background: url(../images/mask-r.png) no-repeat left top; }

#ja-slideshow .ja-slide-prev, .ja-slide-next { background: url(../images/btn-l.png) no-repeat left

top; }

#ja-slideshow .ja-slide-next { background: url(../images/btn-r.png) no-repeat left top; }

.ja-slide-desc h3 { color: #287403 }

Gives this

Green bottom border, green background

I’m trying to get green bottom border, grey background.

Is it possible I’m missing a (grey) mask or something like that?

---

Attachments:

1. 
2. 

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

#552960

Hi try this

the file templates/ja_community_plus/themes/brown-green/css/color.css should be in this way at line 93

#ja-slideshow .main {
background-image: url('/manorpark/images/manorpk/colour.jpg')

In this file instead /modules/mod_jaslideshow/assets/themes/community/mod_jaslideshow.css line 16

#ja-slideshow .maskDesc {
background:#add your color!important;
}

same file but line 47

.ja-slide-desc h3 {
background: #same color as maskDesc ;
}

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. falcone

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#552977

Thanks Pavit

I’m sure I made the changes as you advised

Now I get:

[Author]

Posts