This topic is: not resolved

about colour

  • AvatarJW
    Participant
    Post count: 11
    # 1 year, 6 months ago

    Hi,

    1) How to change the colour of search icon in menu?
    2) How to change the menu text colour?

    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    Hi there

    1. By default search and cart icon in header use website’s primary color. You can change it by using custom css at Theme Options => Custom CSS/JS
    .search-module-trigger{color:#YOUR DESIRED COLOR HEX CODE HERE}

    2. You can change menu text color from Theme Options => Menu https://d.pr/i/1c6xD4

    Thanks

    AvatarJW
    Participant
    Post count: 11
    # 1 year, 6 months ago

    Hi,

    The code is work on regular mode, but Not in Active and Hover mode.
    .search-module-trigger{color:#FFFFFF}

    Thanks.

    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    For hover use:
    .search-module-trigger:hover{color:#YOUR DESIRED COLOR HEX CODE}

    For active use:
    .search-module-trigger:active{color:#YOUR DESIRED COLOR HEX CODE}

    Thanks

    AvatarJW
    Participant
    Post count: 11
    # 1 year, 6 months ago

    Hi,

    But the problem now is when I click the search button and then mouse off the button. The color of magnify glass is changed to black again. Please advise.

    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    Please share your website URL for me to check it. Thanks

    AvatarJW
    Participant
    Post count: 11
    # 1 year, 6 months ago
    AvatarJW
    Participant
    Post count: 11
    # 1 year, 6 months ago

    Another idea?

    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    Add custom css:
    .search-module-trigger:focus, .cart-module-trigger:focus{color:#fff}

    Thanks

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

You must be logged in to reply to this topic.