Text colour on Alt Background Color

[shedquarters]

Hi there,

We need to change colour for any text on any parts of our site that use the Alt Background colour. It is currently white and only when we make the Alt Background colour a solid colour such as grey/black can it be seen. Ideally we want theAlt Background colour to be white and the text within it to be black.

I can’t see how to change the text colour, only the background colour. Ive attached a screen shot. We want all the grey boxes to be white and the text within them to be black.

Thanks

[Melanie – SUPPORT]

Hey, if you want, show me a site where you’d like to change the font color and I’ll give you custom css 🙂

[shedquarters]

Hi,

This is our site http://shedquartersonline.co.uk/

This page in particular is bad http://shedquartersonline.co.uk/checkout/ I’ve also attached a screen grab of it.

We’d like the grey boxes to be white and the text within it to be black. Can you also help with why the checkout and shopping bag page are pushed over to the right hand side and there’s a gap on the left hand side of the page?

Thanks

[Melanie – SUPPORT]

input[type="text"], input[type="password"], input[type="email"], textarea, select {
border-color: #e4e4e4;
background: #fff!important;

.woocommerce-ordering .woo-select, .variations_form .woo-select, .add_review a, .woocommerce .quantity, .woocommerce-page .quantity, .woocommerce .coupon input.apply-coupon, .woocommerce table.shop_table tr td.product-remove .remove, .woocommerce .button.update-cart-button, .shipping-calculator-form .woo-select, .woocommerce .shipping-calculator-form .update-totals-button button, .woocommerce #billing_country_field .woo-select, .woocommerce #shipping_country_field .woo-select, .woocommerce #review_form #respond .form-submit input, .woocommerce form .form-row input.input-text, .woocommerce table.my_account_orders .order-actions .button, .woocommerce #payment div.payment_box, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a {
background: white;
color: black;
border: 1px solid #eee;
}

You have a sidebar defined in your shop page, that’s why the content is pushed to the right.

CHeers