CSS Class icon for web address?

  • Author
    Posts
  • #52896

    marqetplace
    Member
    Original poster

    I’m looking to create a link in the custom menu sidebar that goes to a website. Is there an icon available for a webpage or is the star (default) icon the only one?

    Also, the home texet and icon in the above mentioned side bar…is there a way to change the “home” to “Blog Home,” “Blog” etc.?

    The blog I need help with is: marqetplace.wordpress.com

    #53088

    maharzan
    Theme Author

    Hi marqetplace,

    You will have to use a CSS class (e.g: your-menu-class) in your menu item and then try some css like this

    .main-navigation ul.nav-menu > div > div > li.your-menu-class > a:before {
    content: '\f107';
    }

    Home is hardcoded in the theme. Perhaps you can hide that and add a new menu item of your choice on the top. To hide, try this css

    li.home { display: none; }

    Thanks,
    Chandra

    #53140

    marqetplace
    Member
    Original poster

    Thanks for sharing Chandra. I’ll give this a try.

The topic ‘CSS Class icon for web address?’ is closed to new replies.