How to create a CSS for the homepage to show an icon instead of 'Home'

Support Area › Forums › Foundation › How to create a CSS for the homepage to show an icon instead of 'Home'

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://blackbritishacademics.co.uk/
  • Author
    Posts
  • November 25, 2015 at 07:23 #34084
    Deborah Gabriel
    Participant

    Hi Bill,

    I have run out of space on my main navigation menu, which I would like to keep on one line.

    As a temporary measure I have shortened ‘Home’ to ‘H’ in the menu section – which doesn’t look great.

    However, I have had a brainwave! I would like to use a homepage icon instead (see attached icon). How can I add this CSS class to the existing list?

    Thanks
    Deborah

    Attachments:

    1. home-symbol.gif

    November 25, 2015 at 07:46 #34086
    Bill Robbins
    Moderator

    Hi Deborah,

    Good question. Probably the easiest way to do that would be to use a plugin like Menu Image (https://wordpress.org/plugins/menu-image/). It’ll let you add an image to any of your menu items and it says it’ll also hide the text if you need it too. It has good reviews so if it works as advertised, this would likely be the way to go.

    Take care,
    Bill

    November 25, 2015 at 08:39 #34092
    Deborah Gabriel
    Participant

    Perfect – thanks – works like a dream!

    November 25, 2015 at 08:47 #34093
    Bill Robbins
    Moderator

    Fantastic 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to create a CSS for the homepage to show an icon instead of 'Home'’ is closed to new replies.