Navigation
Archive / Change menu icon colour
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 18, 2017 at 3:42 pm #1335701
    kaylaadrianna
    Participant

    Hi. Just wondering if it’s possible to change the color of the icons I’ve added to the menu items?
    My website is http://stjohnsbeertours.com

    Thanks!

    January 18, 2017 at 5:39 pm #1335827
    Jade
    Moderator

    Hi there,

    The site you have linked doesn’t seem to be using X Theme but kindly try to add this custom CSS:

    #cspio-socialprofiles a i {
    color: #5DA556;
}

    Hope this helps.

    January 19, 2017 at 11:46 am #1336951
    kaylaadrianna
    Participant
    This reply has been marked as private.
    January 19, 2017 at 11:58 am #1336964
    Rahul
    Moderator

    Hi There,

    Seems like you have provided incorrect login credentials, would you mind re- checking the WordPress login credentials and confirm again.

    Thank you in advance.

    January 21, 2017 at 5:31 pm #1339953
    kaylaadrianna
    Participant
    This reply has been marked as private.
    January 22, 2017 at 12:07 am #1340190
    Christopher
    Moderator

    Hi there,

    Please update previous code to :

    .x-navbar .x-social-global a i {
    color: red;
}

    Hope it helps.

    January 22, 2017 at 10:38 am #1340524
    kaylaadrianna
    Participant

    thanks but that changes the color of the social icons in the topbar from green to red. I’d like to change the color of the ticket and calendar icons in the navbar (the ticket icon next to “BUY TICKETS” and the calendar icon next to “FIND TOURS”

    January 22, 2017 at 10:53 am #1340531
    Rupok
    Member

    Hi there,

    Thanks for clarifying. You can add this CSS instead :

    .x-navbar .menu-item a .x-icon {
  color: rgb(93, 165, 87);
}

    Hope this helps.

    Cheers!

    January 22, 2017 at 11:00 am #1340534
    kaylaadrianna
    Participant

    thank you so much!! That worked perfectly

    January 22, 2017 at 11:14 am #1340548
    Thai
    Moderator

    You’re most welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1335701 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>