Change Color hover on Navigation sub menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #4893
    adiprianto
    Participant

    Please help how to change color for sub menu on navigation main menu?
    Thank you

    #4901
    Support Team
    Keymaster

    Hello @adiprianto,

    Since there are no color option available in the theme we will provide you with the custom CSS to change the color of the sub menu.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    To Change the color of the text of sub menu:

    .main-navigation ul ul a {
        color: #196d8f;  
    }

    To change the hover color of the background of sub menu.

    .main-navigation ul ul a:hover {
        background-color: #1a1a1a;
    }

    To change the hover color of the text of Menu

    .main-navigation ul ul a:hover {
        color: #196d8f;
    }

    Hope this helps.

    If you have any issue further please do not forget to post.

    Best Regards!!

    #4948
    adiprianto
    Participant

    Wow.. nice, Thank you!

    #4949
    Support Team
    Keymaster

    Hello @adiprianto,

    Glad we could help you !!

    If you have any issues further, please feel free to post your queries and we will happily help you further.

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

    https://wordpress.org/support/theme/travel-log/reviews/

    Best regards !!

    #4953
    laurenc
    Participant

    Can the color of the text in single itineraries/trips (i.e. on each trip page, the ‘trip type’, ‘location’, and ‘activities’), the hyperlink color, and the hover colour for the book now button also be changed?

    #4958
    Support Team
    Keymaster

    Hello @laurenc,

    Please add below given in Additional CSS location.

    To change the color of ‘trip type’, ‘location’, and ‘activities’ :

    
    .wp-travel-trip-meta-info ul li:nth-of-type(1) .travel-info {
        color: #5cc4ef;
    }
    .wp-travel-trip-meta-info ul li:nth-of-type(2) .travel-info {
        color: #5cc4ef;
    }
    .wp-travel-trip-meta-info ul li:nth-of-type(5) .travel-info {
        color: #5cc4ef;
    }

    To change the color of the button:

     .booking-form button{
        background: #5cc4ef;
        }

    You can change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

    #4963
    laurenc
    Participant

    Thanks for that! Is there a way to change colour of the actual text below “trip type” etc. instead of just the headings?

    #4978
    Support Team
    Keymaster

    Hello @laurenc,

    Actually, to change the color of each and every parts requires a lot of custom CSS.

    So we are working on the pro version including the color options.

    So if you want to change the color now for each and every parts you can consider hiring the professional designer and to do so please refer to below link:

    http://wensolutions.com/hire-wordpress-customizer/

    Thank you 🙂 .

    Best Regards!!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘WP Travel’ is closed to new topics and replies.