Theme Color Support

[Mresendes]

I need some help in changing colors for the following via css:

If you go to http://www.lindonfitness.com/blog you will notice the main color showing is gray and then turns to orage. I need to change that gray color to white.

I would like to change the content color to white as well and the H2.

On the shop Page: http://www.lindonfitness.com/shop/

I would like to change the product name to white as well as the content.

Testimonial PAge: http://www.lindonfitness.com/testimonials

White Headings and White Font Please.

I appreciate your help and look forward to your response.

[Veena]

You can use the below custom CSS in themeoptions –

.blog #content .hentry h2.entry-title a {
color: #fff;
}
.blog #title-area {
color: #fff;
}
#content .hentry .entry-summary {
color: #fff;
}
.page-id-5491 .entry-snippet {
color: #fff;
}
.page-id-5491 #content .hentry h2.entry-title {
color: #fff;
}
.page-id-5491 #title-area h1, #title-area h2 {
color: #fff !important;
}

[Mresendes]

Thank you for the quick reply. What about the shop page? The wording is still the wrong color. http://www.lindonfitness.com/shop/ I want to make the wording white to stand out better. I would also like to change the button color to the orange color all the time. I have attached screen shot. Thank you again for the great support.

[Veena]

Pls use the below custom CSS in themeoptions –

.woocommerce a.add_to_cart_button, .woocommerce-page a.add_to_cart_button {
background: #fd671a;
}
ul.products li.product h3 {
color: #fff;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a {
color: #fff;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
color: #fff;
}

Please use developer tools to fix minor styling issues.
http://support.livemeshthemes.com/forums/topic/how-to-fix-a-few-styling-issues-instantly/

[Mresendes]

Thank You! So far so good! 🙂

There are a few more sections that didn’t change to white. I have attached a screenshot.

Thank you again for the great support!!

[Mresendes]

I ended up figuring out how to change the colors but now I am not sure on how to change the color of the container to black so you can see the white text. Currently is is a white background with white lettering. I need it to be a black background so I can see the white lettering.

[Mresendes]

I also need to make this text black.

[Veena]

You can use the below custom CSS in themeoptions –

.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
color: #000;
}
.woocommerce-custom-tabs .pane.entry-content {
background: #000;
}

[Mresendes]

Awesome! A couple more. ALmost done. 🙂 Thank you for the great support!

[Mresendes]

A few more things as far as colors! Thank You

[Veena]

You can use this –

table.shop_table.cart thead tr th {
background: #fd671a !important;
}
tr.cart-subtotal th {
background: #fd671a !important;
}
tr.order-total th {
background: #fd671a !important;
}
td.product-price span {
color:  #fd671a !important;
}
aside#mo-social-networks-widget-3 h3 span {
color: #fff;
}
aside#woocommerce_products-2 h3 {
color: #fff !important;
}
ul.product_list_widget li > span.amount {
color: #fff;
background: none;
}
#contact-header li i {
border-right: 1px solid #000;
}
.woocommerce-site #contact-header li:last-child i {
border-right: 1px solid #000;
}

If you require any further customization(styling) pls use developer tools or hire someone.

[Mresendes]

The colors have not changed to white on the actual post page… http://www.lindonfitness.com/ces-mma-lindon-fitness-wreckit/

If you visit the http://www.lindonfitness.com/blog page, you will notice the wording on the right widgets has changed to White. I need that to happen on the individual blog posts as well.

Also, The line that separates the main menu is still white… I need that to be black.

[Mresendes]

I would also like to change the testimonial name color. Thank you for the great support!

[Veena]

You can use the below custom CSS –

#header-info {
border-top: 1px solid #000;
}
.widget-title {
color: #fff;
}
.post-snippets .type-testimonials .customer-name {
color: #fd671a;
}

This lengthy thread is difficult to manage now. So i am closing this thread.

[Author]

Posts