1-pixel extra space at slider's right and bottom borders

Discussion in 'BizWay WordPress Theme' started by carsten, Nov 21, 2013.

  1. carsten

    carsten New Member

    Joined:
    Nov 21, 2013
    Messages:
    16
    Likes Received:
    0
    Unfortunately, I found another problem with the BizWay Pro theme where the Lite version was less affected. Please see these screenshots (Lite left, Pro right):

    bizway-lite-slider.png bizway-pro-slider.png

    1. There is a one-pixel wide extra spacing between the image and the bottom border. This spacing can be seen in Pro, but not in Lite version of BizWay theme.

    2. There is a similar extra space at the right border. This is both in Lite and Pro editions of the theme, and it seems to depend on the exact size of the browser window. If I horizontally resize the browser window, this extra space seems to flicker into and out of existence.

    I can see the second (but not the first) problem also at http://inkthemes.com/wpthemes/bizwayinterior/
    Test page shown in the screenshots is at http://www.autohausbreit.de/

    What can be done about this?

    Best regards,
    Carsten




     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .flex-direction-nav li .next {
    right: -7px;
    }
    .flexslider {
    width: 100.3%;
    border-bottom:none;
    }
    .flexslider .slides img {
    width: 100.3%;
    }

    This will solve your issue.
     
  3. carsten

    carsten New Member

    Joined:
    Nov 21, 2013
    Messages:
    16
    Likes Received:
    0
    Thanks for your quick reply.

    The CSS you suggested fixes the problem at the bottom border, but not at the right border. In fact, it creates a new problem with the ">" arrow.
    Please see the attached screenshot, or live at http://www.autohausbreit.de/
    slider-with-css.png

    How can this be fixed?
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    We are working on your issue and reply you as soon as possible.
     
  5. carsten

    carsten New Member

    Joined:
    Nov 21, 2013
    Messages:
    16
    Likes Received:
    0
    Dear Gourav,


    Thank you very much for the status update, it is very much appreciated! :)
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    @-moz-document url-prefix() {
    .slider-wrapper-container {
    width:100.1%;
    }
    .slider-wrapper{
    width: 100.1%;
    }
    .flexslider {
    width: 100.1%;
    }
    .flexslider .slides img {
    width: 100.1%;
     
    }
    }
    

    This will solve your issue.
     
  7. carsten

    carsten New Member

    Joined:
    Nov 21, 2013
    Messages:
    16
    Likes Received:
    0
    Sorry, but it doesn't:
    1. The extra space at the bottom is still there.
    2. It introduces a new problem.

    Please see this screenshot:
    problems.png
    So unfortunately, the problem is still unresolved.
     
  8. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Please provide the following information listed below.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
    We will check your issue and solve it.
     
  9. carsten

    carsten New Member

    Joined:
    Nov 21, 2013
    Messages:
    16
    Likes Received:
    0
    Thanks, email is sent! :)
     
  10. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Support mail sent.
     
  11. carsten

    carsten New Member

    Joined:
    Nov 21, 2013
    Messages:
    16
    Likes Received:
    0
    It works very well and everything looks beautiful now! :D
    Thank you very much!

    (I upgraded to latest 2.0.8 version of the theme, which contained the CSS that was in the "Custom CSS" section as well, so I was able to clean up the "Custom CSS" section and still have the result. ;) )
     

Share This Page