WordPress.org

1. embeemb
   Member
   Posted 9 months ago #

   I bought a ready-to-use theme and customizing it for usage. sf-menu is installed, and CSS file points to the images to be used as icons in the navbar.

   The images are found in their proper place as far as I understand:
   /wp-content/themes/Tarqeya_theme/images

   Here's the style.css relevant portion:

   .sf-menu .m_icon{
   	height:105px;
   	background-position:center top;
   	background-repeat:no-repeat;
   	}
   .sf-menu > li > a:hover .m_icon, .sf-menu > li.sfHover > a .m_icon, .sf-menu > li.current-menu-item > a .m_icon, .sf-menu > li.current-menu-ancestor > a .m_icon{background-position:center -106px;}
   
   .sf-menu .m_icon1{background-image:url(images/m_icon1.png);}
   .sf-menu .m_icon2{background-image:url(images/m_icon2.png);}
   .sf-menu .m_icon3{background-image:url(images/m_icon3.png);}
   .sf-menu .m_icon4{background-image:url(images/m_icon4.png);}
   .sf-menu .m_icon5{background-image:url(images/m_icon5.png);}
   .sf-menu .m_icon6{background-image:url(images/m_icon6.png);}

   Is there anything else to edit for the icons to appear on the menu?

Reply

You must log in to post.