• Resolved SpeckledBot

    (@speckledbot)


    One of my products has a variable field of “color”, and it appears below the product description as a translucent grey on grey button as opposed to the bold black lettering it appears when I use the preview for a theme like TwentyTwelve.

    The “Choose an option…” drop-down box looks great, just the field “color” is so hard to see at first I thought it was not there.

    I can’t link the site because the owner has it in maintenance mode. I have an image showing what I mean in a dropbox link: https://www.dropbox.com/sh/ndm5uit9l0hw4xp/AAC9VjinrfumRV4DfA8vO1Tma?dl=0

    Thanks ahead of time for the help!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Not enough info in the image, the site link is the most useful

    Thread Starter SpeckledBot

    (@speckledbot)

    Thanks for the response rdellconsulting, I was able to get the site link.

    https://spiravape.net/product/spira-complete-kit/

    This is the page with an example of the button issue.

    Thanks in advance for the assistance!

    Try changing this:

    .badge, .label {
        color: #FFF; /* Change eg #000 */
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    }
    tr:nth-child(2n+1) td, tr:nth-child(2n+1) th {
        background-color: #F8F8F8; /* Change */
    }
    Thread Starter SpeckledBot

    (@speckledbot)

    First, thank you so much.

    Second, I am such a noob that I don’t know exactly where to insert this. I just used filezilla to back everything up and then created a “child theme”. Where do i insert (or am I modifying existing code?) this code?

    I do catch on quickly, but searching around I feel more confident hearing you tell me where to do it than follow conflicting instructions.

    Thanks again, hopefully this will be resolved soon.

    Sorry I should have explained, it needs to be added to your CT style.css or if no other code to add you could go to Customize>Advanced options>Custom CSS and add it there

    Thread Starter SpeckledBot

    (@speckledbot)

    I went to Customize>Advanced options>Custom CSS and pasted the code in, hit enter, saved, and it appears that nothing has happened.

    Any thoughts?

    I bet you didn’t change the original settings: #FFF and #F8F8F8

    Thread Starter SpeckledBot

    (@speckledbot)

    Haha! No, I did not. I did and the fix helps me change the button text as well as the background.

    Mission accomplished. Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Variation field is grey when viewing product. Woocommerce.’ is closed to new replies.