search

woocommerce / FlexSlider

An awesome, fully responsive jQuery slider plugin
http://www.woocommerce.com/flexslider/
GNU General Public License v2.0
4.92k stars 1.69k forks source link

right nav arrow appears as a magnifying glass #1696

Closed onnasensui closed 6 years ago

onnasensui commented 6 years ago

Hello, I am using Drupal 8 with Flexslider. I installed as described on the Drupal 8 website (https://www.drupal.org/project/flexslider). Even though I am not a developer, I can set up the plug in to suit my needs. however, the only thing that stumps me is that the right arrow for the navigation appears as a magnifying glass. The functionality is of an arrow, but the appearance is of a magnifying glass. How do I change that? I am attaching a picture of my problem. Thank you! navigation

PS. By the way the plugin is awesome. Thank you so much for your hard work!

onnasensui commented 6 years ago

After researching a bit online, I managed to correct the problem using the following bit of code in my custom CSS file:

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 30px; display: block; content: '\f001'; color: #fff; line-height: 30px; }

In the original CSS file that comes with flexslider, the default content for the next button is content: '\f002', which I think causes the problem. I am not sure if this magnifying glass on the right is intended behavior or a typo that causes a bug.