Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Change Colour of Icons & Icon Images

This topic is resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Liam
    Participant
    • 9 Topics
    • 10 Posts
    @sprouthubuk

    Hi,

    I’m struggling to work out how to change the colours & icons on the why choose us feature/menu.

    Is there anyway of finding a libary of what colours are available and icons?

    Many thanks,

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6725 Posts
    @themodactyl

    Hi Liam,

    You can change the menu colors 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>
    have to 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 find 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,

Roboraptor 🦖
Themosaurus Topic Closer

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

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

The topic ‘Change Colour of Icons & Icon Images’ is closed to new replies.

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site