Joomla Templates Club 406,261 posts

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#206174

Hello friends,

I would like to add this Slideshow Pagination as the “Hotel” template in the “Decor” template.

Can someone help me there?

Thanks in advance 🙂

Sakari

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#569858

My solution below will help you out

Open templates/ja_decor/css/custom.css file (create new if it does not exist) and add new rule

.ja-ss-thumbs .ja-ss-thumb {
width: 15px;
height: 15px;
border-radius: 50%;
}

.ja-ss-thumbs .ja-ss-thumb img {
background: transparent;
display: none;
}

.ja-ss-thumbs .ja-ss-thumb.active {
border-color: #0b96f3 ;
background: #fff ;
}

1 user says Thank You to Ninja Lead for this useful post

1. sakari

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#734940

My solution below will help you out

Open templates/ja_decor/css/custom.css file (create new if it does not exist) and add new rule

.ja-ss-thumbs .ja-ss-thumb {
width: 15px;
height: 15px;
border-radius: 50%;
}

.ja-ss-thumbs .ja-ss-thumb img {
background: transparent;
display: none;
}

.ja-ss-thumbs .ja-ss-thumb.active {
border-color: #0b96f3 ;
background: #fff ;
}

1 user says Thank You to Ninja Lead for this useful post

1. sakari

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#570003

Thank you, just as I wanted it! 🙂

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#735075

Thank you, just as I wanted it! 🙂

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#570185

I’ve been looking forward to early! 🙁

I have more stuff and thus all have been changed with this code!

But I want to change only a slideshow!
All others should stay normal!

Is that even possible and if so how? 🙂

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#735257

I’ve been looking forward to early! 🙁

I have more stuff and thus all have been changed with this code!

But I want to change only a slideshow!
All others should stay normal!

Is that even possible and if so how? 🙂

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#570264

That code below only work with slideshow module


#t3-slideshow .ja-ss-thumbs .ja-ss-thumb {
width: 15px;
height: 15px;
border-radius: 50%;
}

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb img {
background: transparent;
display: none;
}

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb.active {
border-color: #0b96f3 ;
background: #fff ;
}


1 user says Thank You to Ninja Lead for this useful post

1. sakari

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#735330

That code below only work with slideshow module


#t3-slideshow .ja-ss-thumbs .ja-ss-thumb {
width: 15px;
height: 15px;
border-radius: 50%;
}

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb img {
background: transparent;
display: none;
}

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb.active {
border-color: #0b96f3 ;
background: #fff ;
}


1 user says Thank You to Ninja Lead for this useful post

1. sakari

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#570360

Perfect !!

Thank you! 🙂

[Author]

Posts