changing colour of search text

This topic contains 10 replies, has 2 voices, and was last updated by  Arlia Hassell 4 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #530699

    Arlia Hassell
    Expired Member
    Post count: 77

    Hey there, how can I please change the text and icon colour on my search bar for the sections that are attached below.

    #530716

    Kor
    Moderator
    Post count: 16516

    Hi Arlia,

    Thanks for your post. You can use the custom CSS code below to change it. Insert into WP > Appearance > Customize > Additional CSS.

    .gd-search-field-near.in-location .geodir-search-input-label, .gd-search-field-near.in-location input {
        color: #000;
    }
    #530739

    Arlia Hassell
    Expired Member
    Post count: 77

    Amazing! Thanks so much, just need to change the drop-down text color and highlighted section to match now, could you please let me know where I can find that code?

    #530743

    Kor
    Moderator
    Post count: 16516

    Hi Arlia,

    Thanks for your reply. Here you go.

    .gd-suggestions-dropdown ul li.gd-near-me {
        color: #000;
    }
    #530763

    Arlia Hassell
    Expired Member
    Post count: 77

    Thank Kor, unfortunately, the highlighted text is still blue, please see my attachment to see what I am wanting to change.

    #530961

    Kor
    Moderator
    Post count: 16516

    Hi Arlia,

    Thanks for your reply. Could you please share your Website WP admin access here in private reply so that I could check on this?

    #531083

    Arlia Hassell
    Expired Member
    Post count: 77
    This reply has been marked as private.
    #531368

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #531381

    Arlia Hassell
    Expired Member
    Post count: 77

    Oh not on my front end, they are displaying with the blue when hovered over and highlighted. Please see below.

    #531479

    Kor
    Moderator
    Post count: 16516

    Hi Arlia,

    Thanks for your reply. You can’t change the highlight color but you can change the hover color using the custom CSS code below.

    .gd-suggestions-dropdown ul li:hover {
        background: #fff;
    }
    #531500

    Arlia Hassell
    Expired Member
    Post count: 77

    Ok, thanks very much for your help, this one can be closed now, thanks again.

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket