SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Wowslider transition error - works but transition view is odd

    I recently purchased Wowslider and I love it, except for one thing. I have used a few of the transition in a project I'm working on in Typepad. Everything seems fine but with some of the transitions, it seems to stretch or move the image during the actual transition.

    It's strange as in the preview (the raw html file produced from Wowslider) it's all fine.

    Here is the URL

    http://beckykerrphotography.typepad.com

    The current transition used is 'blur'. It also goes wrong with 'fade'. Other transitions (in fact those based on a horizontal transition) seem fine.

    I feel like there may be some CSS on vertical scaling or something somewhere that just needs a tweak to make it look better. Can anyone help me please?

    Thanks.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,352
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I think its the margins you have on the image making the transition 10px out when created with the canvas element which is absolutely at the top of the page and 10px further from the image.

    try this:

    Code:
    .ws_images img {margin:0;}
    .ws_images {border-radius:10px;}

  3. #3
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow! That's awesome! Thank you so much! Works perfectly now.

    I did actually get a response from Wowslider but they weren't so generous as to provide me with any code to fix it.

    I'm a real novice with CSS so really appreciate the help. Thanks Paul.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •