Gallery Icons Not Dislaying

[Bill Robbins]

We just recently had a question concerning gallery icons not displaying.

[Bill Robbins]

If the icons are not displaying in the galleries (for previous/next and close) then it could be related to how the server is displaying the SVG icons. We can use the icon font that’s part of the theme for a workaround. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #swipebox-action #swipebox-prev, 
   #swipebox-action #swipebox-next,
   #swipebox-action #swipebox-close {
   	background-image: none;
   	font-family: 'ElegantIcons';
   	color: #fff;
   	font-weight: 700;
   	font-size: 35px;
   }
   
   #swipebox-action #swipebox-prev:before {
   	content: '\34';
   }
   
   #swipebox-action #swipebox-next:before {
   	content: '\35';
   }
   
   #swipebox-action #swipebox-close:before {
   	content: '\4d';
   }
   

3. Update your settings.

Selfie is our first theme to use SVG icons and it does have a fallback for browsers that don’t support them. If we run into more servers that don’t, then we’ll make this change in the theme itself for a future update.

Bill

[Author]

Posts