Home>Support>Page text color Title and Sidebar not responding

Page text color Title and Sidebar not responding

By Peter McCarthy, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Greetings, Love Vantage premium.

It was easy to follow the steps here to change the them to black and the text to white. Except, I have a couple stubborn areas 1 found on the http://petermccarthy.net/shop/ (page title still gray)

And my products text hasn’t changed color either, ….see here http://petermccarthy.net/product/get-the-shred-out-2/

any css to have them respond like the rest of the site?

Thanks!
Peter

URL: http://www.petermccarthy.net/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Peter

    Thanks for your support. Try the following under Appearance > Custom CSS:

    .woocommerce #page-wrapper h1.page-title,
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count,
#secondary .widget .widget-title, #footer-widgets .widget .widget-title,
.mc4wp-form label,
.woocommerce #page-wrapper .product h1.entry-title {
color: #fff !important;
}

    Let me know if we missed anything.

  2. 9 years, 7 months ago Peter McCarthy

    Many thanks!!! that worked great. Just wondering if you can help me tweak 1 more thing. My review star ratings for products,…can’t really be seen, and the words “add a review” are gray…”category” “tags” as well.

    I can live with this,…but if it;’s easy enough to make the stars in reviews legible. that’d be great.
    http://petermccarthy.net/product/kid-char-guitar-solo/#reviews

    thanks again!

    excellent theme!!!

    Peter

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Glad we made some progress. Thanks again for the support. Please try the following instead:

    .woocommerce #page-wrapper h1.page-title,
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count,
#secondary .widget .widget-title, #footer-widgets .widget .widget-title,
.mc4wp-form label,
.woocommerce #page-wrapper .product h1.entry-title,
.product_meta .posted_in,
.product_meta .tagged_as,
.price .amount {
color: #fff !important;
}

.woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del {
color: #fff !important;
}

.woocommerce .star-rating {
color: #fff !important;
}

    Thanks

  4. 9 years, 7 months ago Peter McCarthy

    Fantastic!!!!!!

    thank you very much, awesome theme and support!!!!

    Best-

    Peter

  5. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Super, really glad to hear that helped.

  6. 9 years, 7 months ago Peter McCarthy

    Hi Again, Andrew. I may have spoken too soon. I thought the code you gave me fixed everything.

    What I’m looking to do is have ALL white text against my black background.

    It seems now the circle widgets text is defaulting to gray text even though I keep changing this to #fffffff (white) in the (appearance/customize)
    http://www.petermccarthy.net

    any thoughts on this?

    Thanks again

    Peter

  7. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    For sure, that widget has some specific styling, sorry about that, it wasn’t included in what I sent through.

    Please try using the below to set colors as required for that widget. Change my values to yours.

    /* Circle Icon Heading Color */

.widget_circleicon-widget .circle-icon-box h4 {
color: #3b3b3b !important;
}

/* Circle Icon Text Color */

.widget_circleicon-widget .circle-icon-box p.text {
color: #5e5e5e !important;
}

/* Circle Icon More Link */

.widget_circleicon-widget .circle-icon-box a.more-button {
color: #3b3b3b !important;
}

.widget_circleicon-widget .circle-icon-box a.more-button:hover {
color: #dd3333 !important;
}

/* Vantage set Circle Icon Widget Icon color */

.widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] {
color: #FFFFFF;
}
  8. 9 years, 7 months ago Peter McCarthy

    Andrew!

    Looks like that did it…

    Cannot thank you enough.

    Best-

    Peter

  9. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Awesome, glad that helped :)

  10. 9 years, 6 months ago Peter McCarthy

    Hi Andrew,
    I noticed 1 tiny appearance issue with vantage theme,..wanted to see if you’d suggest a slight tweak.

    It’s the box that says “signup” found here……it should be showing as white, but it’s kind of blobbed black

    http://petermccarthy.net/music-blog/

    Thxs again!
    Peter

  11. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hey Peter

    MailChimp CSS getting in the way. Try the following under Appearance > Custom CSS to fix:

    /* Buttons */

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  background: #ffffff !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff)) !important;
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff) !important;
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%) !important;
  background: -o-linear-gradient(#ffffff, #dfdfdf) !important;
}
  12. 9 years, 6 months ago Peter McCarthy

    Fantastic!!! thanks a million Andrew!!!

  13. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    For sure :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More