Shape 5

Joomla Templates => No1 Shopping - Club => : sparkiii August 11, 2014, 04:52:08 AM

: Image fader image not lining up
: sparkiii August 11, 2014, 04:52:08 AM

http://www.ballinafairshopping.test.newsprout.com.au

On the right hand side of the image fader where it says "newsletter sign up now" The image that appears on mouse over is peaking slightly above the block of colour, I tried making the image a little smaller, that didnt work, I did make the top 2 pixels of the image white but thats really just masking the problem. Any ideas??

Thanks

Nat

: Re: Image fader image not lining up
: mikenicoll August 11, 2014, 10:31:44 PM

Hello,

What browser does this occur on? Are you sure you are at 100% page zoom? You might be able to change the height: auto value to a fixed value below but I don't see the issue unless I scale my browser down with the mousewheel which affects line heights on the page.

s5_info_slide.css - line 496

.s5_is_css_6 {
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

Regards,

: Re: Image fader image not lining up
: sparkiii August 12, 2014, 02:34:37 AM

I'll give this a go, it is fine in chrome. Problem occurs in IE and FF

: Re: Image fader image not lining up
: sparkiii August 13, 2014, 01:59:41 AM

I couldn't fix it in the info slide css file. I did notice something though.. When you scroll down past the box (2nd from top) and then scroll back up, it is covering the image on the way back up until you hit the top of the page and then the image shows again from under the colour on top.

Does that help?

: Re: Image fader image not lining up
: mikenicoll August 13, 2014, 04:52:27 PM

Hello,

It's an odd once since certain browsers can render 1px offsets slightly differently. You can maybe try adding a 1px padding value to the top here to see if that helps.

s5_info_slide.css - line 476

.s5_is_css_6 .s5_is_slide_css {
    background-color: #000000;
    color: #ffffff;
    height: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    transform: translateY(-100%);
    width: 100%;
    padding-top: 1px;
}

Regards,

: Re: Image fader image not lining up
: sparkiii August 13, 2014, 05:58:49 PM

Thanks very much, that worked.

: Re: Image fader image not lining up
: mikenicoll August 13, 2014, 06:17:26 PM

NP :)