Menu Icons (2 posts)

  1. 3bdelra7man262
    Posted 2 years ago #

    I added menu icons by the help of a step-by-step tutorial, I added it but, I have a problem with is that the icon is on the left of the menu item name, My blog is Arabic and I want the icon to be on the right :)

    Image: http://imagehosting.biz/image/48o

    Part from style.css that is related to this:

    ul > li.home > a,
    ul > li.home > a:hover{
            padding-left:30px !important;
            background-image: url(/wp-content/uploads/2014/03/home.png)!important;
    	background-position:10px center !important;
    	background-repeat:no-repeat !important;

    I use Asteroid theme but, Menu Icons featured is not available for it, I added it using CSS.

  2. davidsword
    Posted 2 years ago #

    change padding-left to padding-right

    you may want to change background-position to

    background-position: right center !important;

    if it's too far to the right (touching the side), play with the x axis value, increasing it until it's positioned properly. i.e.:

    background-position: 40px center !important;

Topic Closed

This topic has been closed to new replies.

About this Topic