Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
zacharynelson

How to change variant drop-down style

Recommended Posts

My site- motocrane.com is generally comprised of dark banners with white Body Text.
However, the product variant drop-downs have a white background, so the white body text is not readable.

How do I change my product variant text to black without affecting the rest of the site style?

Share this post


Link to post
7 hours ago, moaiz95 said:

By using the following code you can change varient


/* -- code to change variant drop-down color, dark grey version -- */
.template-product .single-option-selector, .single-option-selector-product {
  background-color:#999999; 
  color:#ffffff;
}
/* - end - */

I am moiz from vidmate app download where you can download youtube videos on your android phone.

Can you explain how to do this on the page: https://www.motocrane.com/heavylift

Share this post


Link to post
Posted (edited)
11 hours ago, zacharynelson said:

Can you explain how to do this on the page: https://www.motocrane.com/heavylift

It is spam comment. Squarepace has no .template-product...code.

Add to Home > Design > Custom CSS

body#collection-5e0d56dfa5b0832cb7a43916 .variant-select-wrapper * {
    color: black;
}

 

Edited by tuanphan

Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post
On 1/30/2020 at 9:34 AM, zacharynelson said:

Hello,

I am now having the opposite problem on a new page (https://www.motocrane.com/compactcontroller) I've created with a white background.

The Product Block sits on a white background, but the text is illegible because of the Style.

How can I fix the problem on this page so that the text is black, and the "Add to Cart" button has a black background with white text?

 

Answered your email


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...