CSS Checkout Field Colour

• 

  harveyl12 · Member · Mar 6, 2020 at 11:55 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m really struggling to write some CSS which will change the colour of the hover colour when selecting from the field “How did you here about us”.

  I managed to sort the country selection colours out and I would like to do the same for the new field I’ve created.

  I have tried inspecting to find the CSS i need to change but I cant find what selection I need to use.

  Please could someone help me with how I change the colour of the hover on this dropdown and the colour of the selected option as well.

  Page is Page

  The blog I need help with is: (visible only to logged in users)

• 

  404bill · Member · Mar 6, 2020 at 7:20 pm

  • Copy link

  Hi there,

  Here is the code needed to update the hover colour (it matches the country dropdown hover):
  
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: rgba(64,102,57,0.9);
}


  This code will change the selected colour (#ddd is the current colour):
  
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
background-color: #ddd;
}


  Hope this helps!

• 

  staff-mckluskey · Staff · Mar 7, 2020 at 12:11 pm

  • Copy link

  Hi @harveyl12,

  Your site is not hosted with WordPress.com.
  Because WordPress.com and WordPress.org are two entirely separate entities, we cannot access files or data for sites that are hosted elsewhere, so WordPress.com staff can only assist with sites that are hosted on our servers. You can read more about the differences between WordPress.org software and WordPress.com here:

  WordPress.com vs. WordPress.org

  You can look for help at the community forums here: https://wordpress.org/support/forums/

  http://wordpress.org/support/ is also a great resource for sites using the open-source WordPress.org software.

• 

  harveyl12 · Member · Mar 7, 2020 at 5:14 pm

  • Copy link

  Thank you but that is the code that I already have in which is changing the drop down CSS for the country selection. However it does not change the colour for the “Where did you here about us” drop down selection.

  Any ideas?

• 

  staff-blorbo · Staff · Mar 8, 2020 at 7:14 pm

  • Copy link

  That is a self-hosted WordPress.org site, which we really can’t help with here.

  To clear up any confusion, WordPress.com and WordPress.org are two different entities: https://support.wordpress.com/com-vs-org/

  WordPress.org has complete documentation for self-hosted/installed versions of WordPress.org at https://wordpress.org/support/ and support at https://wordpress.org/support/forums/