Docs

[primusfit]

I just added Woocommerce and have been able to correct some of the font coloring; however, I was unable to correct the Product Title on the products page as well as the product description and buy now button, which are also dark. Both of them are dark grey and hard to see through the background provided by Integrity. How can I fix this? I have posted below what I have been able to do on my own with help from the forum for some of the other styling issues.

This corrected the shop styling issue and turned the font to white.
.woocommerce li.product .entry-header h3 a, .woocommerce li.product .entry-header .price>.amount, .woocommerce li.product .entry-header .price>ins>.amount {
color: white;
}

This helped with some of the problems on my product page, but still need the aforementioned fonts lightened up
.woocommerce li.product .entry-header h3 a:hover {
color: red !important;
}
.woocommerce-tabs .tabs .reviews_tab a,
.woocommerce-tabs .x-tab-content {
background-color: #000;
color: #fff;
font-size: 15px;
}

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[primusfit]

Thank you for the quick response. Ok, so I figured out how to make the background White for my shop, which looks much cleaner. I have attached pictures of my current concerns with the text background showing black on the corners and I cannot figure out how to turn the default button to transparent so that the white background shows through it. The review link is too dark for the styling as well as the Name text for reviews that are left.

Please disregard the css above because I have changed the styling that I am going to go with, which looks better. I tried to find all of the issues with the styling that I could at once.

My url is http://e35.2d6.myftpupload.com/

[Rupok]

Hi there,

Thanks for updating. The issue is causing by your custom CSS so it would be difficult for you to keep track of all the changes need to do through the site.

However I am providing you code for the mentioned issues :

/* review tab color */

.x-nav-tabs > li > a {
  color: #848484;
}

/* review author name */

.x-comment-author {
  color: #fff !important;
}

/* remove black corner */

.woocommerce li.product {
  background: #fff;
  box-shadow: none;
}

/* default sorting */

.woocommerce-ordering select {
  background: #fff;
}

Hope this helps.

Cheers!

[primusfit]

Perfect… Thank you!

[John Ezra]

You’re most welcome!

[Author]

Posts