Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 3, 2018 at 2:28 pm #892832
    richardhofer83

    Hi guys,
    i want to change the design of the drop down list (for example on the cart site to change the shipping country, see screenshot)

    https://imgur.com/a/3RcNw

    i want to change:

    *the background color of the selected item (blue here) and not selected item
    *the font size and color (selected and not selected)
    *the border color

    normally i can do simple css myself but here i cound find the right code.. :)
    thank you!

    January 4, 2018 at 7:04 am #893123
    Rikard

    Hey richardhofer83,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 4, 2018 at 10:52 am #893184
    richardhofer83

    here you go:
    first go to https://www.caucawa.at/online-shop/
    ad an item to the cart
    go to checkout (the cart Symbol)
    open the shipping calculator in the cart and select Country
    there you have the drop down list in question

    thank you

    January 5, 2018 at 5:47 am #893555
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    li.select2-results__option select2-results__option--highlighted {
  background-color:red !important;
  font-size:20px !important;
  border-color:yellow !important;
}

li.select2-results__option {
  backround-color:green !important;
  font-size:20px !important;
  border-color:pink !important;
}

    Best regards,
    Rikard

    January 5, 2018 at 9:56 am #893623
    richardhofer83

    sorry it has no effect…
    did you find the element in question on the Homepage?

    January 6, 2018 at 6:45 am #893963
    Rikard

    Hi,

    No, I looked at it on the check-out page. Did you add it to Quick CSS? Do you have any caching plugins active? Please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    January 8, 2018 at 4:24 pm #894755
    richardhofer83

    yes i added it to quick css. i have a caching plugin but i deleted cache before checking.

    admin in the private section

    January 11, 2018 at 7:50 pm #896225
    Basilis

    Hi,

    I do not see the code at the page at all, can you please review the quick CSS again please?

    Best regards,
    Basilis

    January 12, 2018 at 12:21 pm #896543
    richardhofer83

    yes i added the code a couple days ago:

    li.select2-results__option select2-results__option--highlighted {
  background-color:white !important;
  font-size:14px !important;
  border-color:black !important;
}

li.select2-results__option {
  backround-color:white !important;
  font-size:14px !important;
  border-color:black !important;
}
    January 17, 2018 at 10:48 pm #898721
    Basilis

    Hi,

    Can you please try for a test, to add the code at the style.css please?

    Best regards,
    Basilis

    January 18, 2018 at 11:06 am #899021
    richardhofer83

    hi thank you for trying but i found a solution that works for me now.
    you can clos the topic, thanks :)

    January 19, 2018 at 5:13 am #899475
    Rikard

    Hi,

    Great, glad you found a solution :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Drop Down List: Change Design’ is closed to new replies.