Viewing 5 posts - 1 through 5 (of 5 total)
-
Posts
-
When you hover over the thumbnail for a blog post listed on a page, you see a green arrow icon. How can you:
a: remove the icon
b: change it to another icon, like a video play button, and change the color of the icon?Hey blankonblank!
Thank you for using Enfold.
You can change the icons for hover effects on functions.php. Look for this code on line 216:
//image hover overlays 'ov_external' => array( 'font' =>'entypo-fontello', 'icon' => 'ue832'), 'ov_image' => array( 'font' =>'entypo-fontello', 'icon' => 'ue869'), 'ov_video' => array( 'font' =>'entypo-fontello', 'icon' => 'ue897'),Change the icon character code. For example, we’ll change the ov_external icon to something else. Find this code:
'ov_external' => array( 'font' =>'entypo-fontello', 'icon' => 'ue832'),Replace the icon character code ue832:
'ov_external' => array( 'font' =>'entypo-fontello', 'icon' => 'ue803'),You can find the character codes by hovering over the icon list. Find the character codes by hovering over the icons when editing any elements with icons on posts or pages:
Cheers!
IsmaelHey!
Try adding this code to the Quick CSS:
.image-overlay.overlay-type-extern .image-overlay-inside:before { content: '\E897' !important; font-family: 'entypo-fontello'; }Cheers!
Josue
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Blog Posts Overlay’ is closed to new replies.