Dropdown color

This topic contains 6 replies, has 2 voices, and was last updated by  Gee Ranasinha 1 year, 10 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #11555

    Gee Ranasinha
    Participant

    How do you change the dropdown box color?

    #11602

    Ernest Marcinko
    Keymaster

    Hi!

    On the Theme Options -> Settings icon & Drop-down panel, with the Settings drop-down background gradient option: https://i.imgur.com/6VOqg6x.png

    If you use the block layout for the drop-down, then the color is inherited from the theme, and can only be changed via custom CSS, like so:

    .wpdreams_asp_sc.searchsettings {
        background: #000000 !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #11617

    Gee Ranasinha
    Participant

    Thanks, but that changes the color of the background element – not the dropdown button color.

    I would like to change the color of the actual button (see attachment).

    I would also like to increase font size of dropdown titles, as well as center the set of 4 buttons.

    Thanks in advance.

    Attachments:
    You must be logged in to view attached files.
    #11620

    Ernest Marcinko
    Keymaster

    Hi!

    I see now. For that use this custom CSS:

    div .ajaxsearchpro.searchsettings select {
        background-color: #ffffff !important;
        color: #000000 !important;
        border: initial !important;
        border-radius: initial !important;
        box-shadow: none !important;
    }

    The ‘color’ attribute is for the text color.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #11621

    Gee Ranasinha
    Participant

    Thanks – this is great.

    One thing: How do I center the dropdown set underneath the search bar?

    #11622

    Ernest Marcinko
    Keymaster

    It depends on the exact situation, but this might work:

    1. Select the flex layout for the settings box on the Fronted Search Settings panel: https://i.imgur.com/1P92NeE.png

    2. And then use this custom CSS to justify the content to the middle:

    .searchsettings form {
        align-items: center;
        justify-content: center;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #11638

    Gee Ranasinha
    Participant

    Perfect! Thank you.

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

You must be logged in to reply to this topic.