Forum Support

Shape 5
March 29, 2024, 05:09:09 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Image fader image not lining up  (Read 484 times)
sparkiii
Jr. Member
**
Offline Offline

Posts: 24



« on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: 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.

Code:
s5_info_slide.css - line 496

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

Regards,
« Last Edit: August 11, 2014, 10:34:09 PM by mikenicoll » Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sparkiii
Jr. Member
**
Offline Offline

Posts: 24



« Reply #2 on: August 12, 2014, 02:34:37 AM »

I'll give this a go, it is fine in chrome. Problem occurs in IE and FF
Logged
sparkiii
Jr. Member
**
Offline Offline

Posts: 24



« Reply #3 on: 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?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: 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.

Code:
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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sparkiii
Jr. Member
**
Offline Offline

Posts: 24



« Reply #5 on: August 13, 2014, 05:58:49 PM »

Thanks very much, that worked.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #6 on: August 13, 2014, 06:17:26 PM »

NP Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.