Joomla Templates Club 406,261 posts

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#164624

Hello,

I increased the width of the thumbnails to 200px and reduced the number of thumbnails to show in the slider to three at a time.

In fact, I want the width to be even larger because most of the images are vertical images.

However, the larger thumbnails seem to merge, as shown here:

Slider images are bunched together/

even if there is enough space to the right.

This could be solved by adding left or right padding in between the thumbnails. What is the CSS file and the tag(s) that needed to be changed to do this?

Cornelio

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

#393915

Go to this File http://www.newmillenium-costumes.com/templates/ja_mesolite_ii/css/ja.vm.css

Replace the Following


.jsslide {
white-space: nowrap;
overflow: hidden;
text-align: center;
}

With


.jsslide {
margin:0 20px;
white-space: nowrap;
overflow: hidden;
text-align: center;
}


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. cgc0202

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#393995

<em>@Chavan 243907 wrote:</em><blockquote>Go to this File http://www.newmillenium-costumes.com/templates/ja_mesolite_ii/css/ja.vm.css

Replace the Following


.jsslide {
white-space: nowrap;
overflow: hidden;
text-align: center;
}

With


.jsslide {
margin:0 20px;
white-space: nowrap;
overflow: hidden;
text-align: center;
}


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

Thanks chavan,

There is a need also to change the module parameters in the Modules edit. It took me sometime to figure that out.

For some reason, the text center did not work. Mine remained to the left.

Cornelio

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

#394002

Is everything ok.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#394160

<em>@Chavan 244018 wrote:</em><blockquote>Is everything ok.</blockquote>

It’s OK Chavan,

I was able to work out the spacing by considering both the thumbnail dimensions and those of the module. The title text though is not centered, even with the “text-align: center;” specification in the “.jsslide”. But,, the centering is not too critical.

Cornelio

[Author]

Posts