Public Forums 71,145 posts

[jimhill10 Friend jimhill10Join date: November 2012Posts: 41Downloads:139Uploads:3 Thanks: 9 Thanked: 7 times in 3 posts]

#184022

I want to move the vertical position of the thumbnails down 30 pixels or so in JA slideshow lite used in my Mendozite template. I also want to reduce the bottom margin so the content panel begins a bit closer to the bottom edge of the thumbnails. Can anyone help? I know it’s in one of these attributes in that slideshow lite css but I messed with it and broke the slideshow.

.ja-ss-thumbs-wrap {
height: 60px;
width: 100%;
clear: both;
position: relative;
bottom: 60px;
overflow: hidden;
z-index: 101;
}

.ja-ss-thumbs {
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 5000px;
}

Jim Hill, Digital Marketing Manager
User Friendly Consulting, Inc.
1401 Kings Highway, Winona Lake, IN 46590

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#479883

Can you share the url of the site you’re working on?

It would also be helpful to set “Optimize CSS” to “No” within your Template Manager–General settings

[jimhill10 Friend jimhill10Join date: November 2012Posts: 41Downloads:139Uploads:3 Thanks: 9 Thanked: 7 times in 3 posts]

#479892

The site is http://www.ufcinc.com

Thanks, Jim

Jim Hill, Digital Marketing Manager
User Friendly Consulting, Inc.
1401 Kings Highway, Winona Lake, IN 46590

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#479895

<em>@jimhill10 355345 wrote:</em><blockquote>I want to move the vertical position of the thumbnails down 30 pixels or so in JA slideshow lite used in my Mendozite template. I also want to reduce the bottom margin so the content panel begins a bit closer to the bottom edge of the thumbnails. Can anyone help? I know it’s in one of these attributes in that slideshow lite css but I messed with it and broke the slideshow.

.ja-ss-thumbs-wrap {
height: 60px;
width: 100%;
clear: both;
position: relative;
bottom: 60px;
overflow: hidden;
z-index: 101;
}
</blockquote>

Did you try changing the “bottom” property from 60px to 30px in the CSS rule above?
In other words . . .

.ja-ss-thumbs-wrap {
height: 60px;
width: 100%;
clear: both;
position: relative;
bottom: 30px;
overflow: hidden;
z-index: 101;
}

Still going to need you to set “Optimize CSS” to “No” within your Template Manager–General settings

[jimhill10 Friend jimhill10Join date: November 2012Posts: 41Downloads:139Uploads:3 Thanks: 9 Thanked: 7 times in 3 posts]

#479900

Viola, worked. Thanks!

Jim Hill, Digital Marketing Manager
User Friendly Consulting, Inc.
1401 Kings Highway, Winona Lake, IN 46590

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#479903

<em>@jimhill10 355372 wrote:</em><blockquote>Viola, worked. Thanks!</blockquote>
GREAT !!! …. However, if you would like additional assistance with your second question/issue, I’ll still need you to temporarily set “Optimize CSS” to “No” within your Template Manager–General settings.

[Author]

Posts