Distance between the icon and the text

  • zabavljaev

    (@zabavljaev)


    5 years ago

    Hello! I added icons to widget_categories and widget_recent_entries: 

    .sidebar-main .widget_categories ul li:before,
.sidebar-main .widget_recent_entries ul li:before{font-family:'FontAwesome';content:"\f02e";margin-right:15px;color:#000;}

    but for widget_recent_entries the distance between the icon and the text is for some reason more than one space. In the source code, this gap is also:
    </li><li> <a href=
    How to make the same distance?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter zabavljaev

    (@zabavljaev)

    I don’t understand where this gap came from and how to eliminate it. Using CSS cannot do this.

    Hello @zabavljaev,

    Would you mind opening a support ticket so that we can have a proper look at your issue?

    Regards,
    Sweta

    Thread Starter zabavljaev

    (@zabavljaev)

    Hello! Unfortunately, the site is still located on the local server, but I reproduced the problem on a free hosting and opened a support ticket.

    Hello @zabavljaev,

    I see that you have opened a ticket with us and we have already responded to it. Could you please check your inbox and reply so that we can help you further?

    Regards,
    Sweta

    Thread Starter zabavljaev

    (@zabavljaev)

    Solution:

    .sidebar-main .widget_categories ul li a:before, .sidebar-main .widget_recent_entries ul li a:before
{font-family:'FontAwesome';content:"\f02e";margin-right:15px;color:#000;}
    Thread Starter zabavljaev

    (@zabavljaev)

    Better add float: left; and leave li:before

    .sidebar-main .widget_categories ul li:before,
.sidebar-main .widget_recent_entries ul li:before{font-family:'FontAwesome';content:"\f02e";float: left;margin-right:15px;color:#000;}

    I apologize! A wonderful theme Astra is not to blame.

    Hello @zabavljaev,

    I’m glad it works out for you. Thanks for letting us know.

    If there is anything else you need, please let us know.

    Regards,
    Sweta

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Distance between the icon and the text’ is closed to new replies.