button in header

  • button in header
    Viewing 6 posts - 1 through 6 (of 6 total)

  • alsrdab
    Participant
    #11718

    Hello Yasser, Mustafa

    Can I put some font awesome icon in the buttons in header?

    Thanks


    alsrdab
    Participant
    #11719

    Sorry .. Mohammed/Mustafa


    Mohamed Nabil
    Moderator
    #11720

    Hello alsrdab,

    You can use this custom CSS:

    
    #creiden-headerbuilder-helloheaderbuilder-header_button-6 a:before {
    font-family: avaris;
    content: '\e8cb';
    }
    
    #creiden-headerbuilder-helloheaderbuilder-header_button-7 a:before {
    font-family: avaris;
    content: '\e874';
    }

    Regarding the icons you want to use, you can tell us the icon you want to use, and we can give you the ‘content’ code for it.

    Thanks


    alsrdab
    Participant
    #11723
    This reply has been marked as private.

    alsrdab
    Participant
    #11724
    This reply has been marked as private.

    Mohamed Nabil
    Moderator
    #11725

    Hi,

    Try this code instead.
    Btw I am getting the selectors from https://mousmm.com/. That’s your website, right?

    .headerRow .avaris-headerbuilder-button a:before {
    font-family: avaris;
    content: '\e8ac';
    }
    .headerRow .avaris-headerbuilder-button:last-of-type a:before {
    content: '\e859';
    }

    Mobile icon: ‘\e8ac’
    Cart icon: ‘\e859’

    And i see you have added custom CSS for this selector (.mainHeader .headerButton.style1 a), please change it’s width from:
    width: 105px;
    to
    width: 110px;

    Let me know if there is still any issue regarding this part.

    And what do you mean by fifth column? Could you please be more specific?

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.