Colours in the "Featured-Homepage" menu?

Home Forums Gwangi – Dating & Matchmaking Community Theme Website Setup Menus Colours in the "Featured-Homepage" menu?

This topic contains 1 reply, has 2 voices, and was last updated by  Themosaurus 1 year, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #373

    Felicia
    Participant
    • 12 Posts
    @felicia

    Hi there, I’m trying to figure out how to specify the colour for the circles on the menu, like on this page: https://classic.gwangi-theme.com/

    #404

    Themosaurus
    Keymaster
    • 1673 Posts
    @themosaurus

    Hi @felicia,

    You can achieve this by first adding one of the 4 following CSS classes to your menu items:
    primary
    info
    success
    danger

    To add CSS classes to any menu item, please navigate to its “Appearance > Menus” and then select your “Features – Homepage” menu. Then, paste the wanted code in the “CSS Classes” text field. (If the text field is hidden, open the “Screen options” tab at the top right of your screen and check the “CSS Classes” box.)

    You can also change the icons by choosing one of the following if necessary: https://fontawesome.com/v4.7.0/icons/
    For example, just replace fa fa-lock by fa fa-bell to display a bell icon instead of the lock icon.

    These HTML markups:
    <span class="menu-image-title"><span class="icon-wrapper"><i class="fa fa-lock" aria-hidden="true"></i><span class="h5 d-block">Your Data are Safe</span></span></span>
    become:
    <span class="menu-image-title"><span class="icon-wrapper"><i class="fa fa-bell" aria-hidden="true"></i><span class="h5 d-block">Your Data are Safe</span></span></span>

    Finally, you can also change their colors in the Customizer by visiting “Appearance > Customize > Community”. You will 6 color pickers among which 5 will affect these classes:
    Love Buttons Color -> primary
    Message Buttons Color -> info
    Success Buttons Color -> success
    Delete Buttons Color -> danger
    Miscellaneous Buttons Color -> (default)

    Please note that these colors changes will impact other components of your theme, like the BuddyPress action buttons in your members directory page.

    For quick demo, please give a look to the following video tutorial: https://youtu.be/IUDVjGCPo4I

    We hope this helps! 🙂

    Cheers,

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

The topic ‘Colours in the "Featured-Homepage" menu?’ is closed to new replies.