Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #158917
    rodrigovip
    Participant

    Hi. I would like to custom an icon on the menu that i linked to a page for support.
    The default icon is a chain (url), but my idea is that this icon become a spanner or monitor.
    Is that possible?
    Thnks!

    #158921
    Skandha
    Participant

    @rodrigovip: Yes, that is possible. Please post in your site URL.

    Kind Regards,
    Skandha

    #158924
    rodrigovip
    Participant

    Can you tell me how? It would be great.
    Thank you so much.
    Here’s the link:
    VIP Computación

    (the icon i was talkin’ about is in the lower bar on the right. Next to the social media icons)

    #158926
    rodrigovip
    Participant

    Sorry. The link was wrong.
    Here it is: VIP Computación

    #158929
    Skandha
    Participant

    @rodrigovip: For this you will need to create a child theme. You can use Generate Child Theme Plugin to create a child theme. After creating a child theme Go to => Child Theme Folder => style.css and add the following Code.

    
    @font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    } 
    
    #menu-item-798 a {
    	visibility:hidden;
    	text-decoration:none;
    }
    #menu-item-798 a::before {
    	visibility:visible;
    	content:'\f0ad';
    	font-family:FontAwesome;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #158930
    rodrigovip
    Participant

    Thank you. I just did that.
    The problem is when i create that child theme, the page is deconfigured in the visual aspect.

    #159021
    Skandha
    Participant

    @rodrigovip: Can you elaborate what is happening when you create and activate the child theme and add the above code?

    Kind Regards,
    Skandha

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Custom icon on menu’ is closed to new replies.