Problem with Mask on right side of slider

HTML & CSS
1

Hello

Wondering if someone could help me, as i can’t figure out how to do it.

I have a mask problem, one side is correct and the other side is incorrect. ( think its there but not in the correct position)

Look on http://www.tradecourses.co.uk
look at the main slider, and the right side of the image isn’t faded, like the left side

Hope someone can help as its doing my head in

Regards

Luke

2

Should the slider images line up with the r/h edge of the username/password boxes?

3

It looks like your images are 60px narrower than the containing box. As the images are sitting to the left, it looks like the right side is being masked, but I don’t think there’s actually any image there.

4

thanks for the reply,

no, not really, I liked the position of the image, not too fused about it not lining up with the sign in boxes. do I need to change the width of the images to correct it, or do can i bring that right mask in alittle bit?

5

ah ok, should i make the width 60px +?

6

I think it’s a typo in your css, line 44

.ja-ss-item img {
    width: 100%%
}

You have an extra %

7

ah cool, can you seen which file i need to edit?

8

http://www.tradecourses.co.uk/templates/ja_university_t3/local/css/mod_jaslideshowlite.css

Line 47

9

Fantastic guys!!!

Chris, Sam, Paul I can’t thank you guys enough, for being so responsive

very much appreciated

Regards
Luke

1 Like
10

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.