Joomla Extensions Club 20,483 posts

[bfry Friend bfryJoin date: December 2011Posts: 7Downloads:0Uploads:2 Thanks: 2]

#171782

I have the Ja-Business template. I created 7 slide shows and when I go to the screen only 4 show up but the moving continues to the right showing the other slides, just not the names in the bottom.

I have an article that talks about the setup so now all the articles show up. Problem is they all show up to the right of the slide show.
I thought is there a way that 4 display and as it move right the next inline displays and so on until it starts over?

Bill

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#429578

Hi Bill,

I think you have increased the value for param Number of displayed items but you havent reduced the value for Item Width in the Navigation Settings. This item width defines the width of each item displayed for navigation. Try changing that and let me know if you still have any doubts..

1 user says Thank You to himangi for this useful post

1. bfry

[bfry Friend bfryJoin date: December 2011Posts: 7Downloads:0Uploads:2 Thanks: 2]

#429603

That did work. Last question, is there a way to center the text in each position?

[bfry Friend bfryJoin date: December 2011Posts: 7Downloads:0Uploads:2 Thanks: 2]

#429660

I figured out how to center the text by adding line in the stye.css.

Last question though, now that the text is centered in the slide-thumb, when the slide moves from title to title with the different color and up arrow, it is on the left side above the text. Is there a way to center this as well when a box becomes highlighted?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#429698

Hi,

In the same style.css file find the following styling
<blockquote>.ja-slide-thumb-inner {
background: black;
border-top: 1px solid #191A1B;
color: #757575;
height: 100%;
margin-left: 19px;
padding: 0 15px;
} </blockquote>

Replace it with

<blockquote>.ja-slide-thumb-inner {
background: black;
border-top: 1px solid #191A1B;
color: #757575;
height: 100%;
/*margin-left: 19px;*/
margin: 0px auto;
padding: 0 15px;
text-align:center;
}</blockquote>

[bfry Friend bfryJoin date: December 2011Posts: 7Downloads:0Uploads:2 Thanks: 2]

#429739

Ok, made the change but do not really see any difference.

---

Attachments:

1. 

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#429899

Hi Bill,

In the style.css on line 348, find
<blockquote>.ja-slide-thumbs-wrap .ja-slide-thumb-inner h3 {
padding-left: 36px !important;
overflow: inherit;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
padding-top: 24px !important;
color: #9E8974;
}</blockquote>
Remove the highlighted padding-left property from above styling and that should fix it..

[bfry Friend bfryJoin date: December 2011Posts: 7Downloads:0Uploads:2 Thanks: 2]

#430452

Thanks, I will try it in the morning. I have another question that I will post separately.

[Author]

Posts