Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Adding a small margin to font icons near item's text in RTL websites

Home › Forums › Pro Support › Adding a small margin to font icons near item's text in RTL websites

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 26, 2018 at 11:02 am #68244
    Ohad StoneOhad Stone
    Participant

    Hi,
    My website is in Hebrew, meaning that the text direction is RTL.
    The icons are placed right to the text, which is correct, but the small margin they have is in the right instead of on the left.
    You can take a look here:

    kismey.atomix.co.il

    What CSS code can create a margin to the left of the icon?

    Thanks,

    May 29, 2018 at 9:21 am #68245
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Ohad,

    The below should be all you need:

    #responsive-menu-pro-container li.responsive-menu-pro-item a .glyphicon, #responsive-menu-pro-container li.responsive-menu-pro-item a .fa {
    margin: 0 15px 0 0;
}

    All the best

    Peter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Adding a small margin to font icons near item's text in RTL websites’ is closed to new replies.