Twitter Bootstrap Question posted in

Twitter bootstrap – Flexslider's arrows is like a cut bottom. What to do?

What can i do for normal arrows?

cutting bottom of arrows
cutting bottom of arrows

Flexslider from http://flexslider.woothemes.com/
Flexslider with normal arrows
Flexslider with normal arrows

Site adress http://artkrasnodar.ru/cardiolt/ – on latest Twitter Bootstrap

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    enter image description here

    I just change 'font-size' in flexslider.css from 40px to 36px


  2. 0

    Here is a quick fix CSS solution:

    .flex-direction-nav a {
    heigth: 45px;
}

    Here is a long-term solution:

       $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        },
        prevText: '<span class="flex-custom-nav-button--left"></i>',
        nextText: '<spam class="flex-custom-nav-button---right"></i>';
      });
    });

    And then you migh style the buttons as you wish, by using .flex-custom-nav-button--left and .flex-custom-nav-button---right.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search