Cant seem to find out how to change background and text color

[katmac]

Hi

I have installed Wishlist pro and would like to change the background color
to grey and the text color to white.

See “Add to Registry” button – sample page below…
http://www.babyridesafe.com/product/babymoov-6-activity-palm-tree/

I have gone through the wishlist.css file and have tried about everything I could think of and can’t seem to get the colors to change.

Any help would be appreciated.

[jkinney768]

The CSS for the body background doesn’t look like it’s in a CSS file and is defined on the actual HTML page in the head section. If you do a view source and search for it you can see. You’ll probably have to edit one of your template files. I’d probably move all of those styles in the head section in to a stylesheet too.

[katmac]

Hi

I have found the wishlist single-wishlist template file and found the code for the button

Added a style there to over-ride and it still isn’t working.

[Soren]

If you mean the “Add to Registry” button, its styles are declared in woocommerce.css.

babyridesafe.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css

Here’s a screenshot of chrome inspector

http://s14.postimg.org/6ssxhaoa9/Screen_Shot_2014_02_03_at_20_59_02.png

[katmac]

Hi

I have done an over-ride of the style sheets and added this code to just above the tag.

wishlist_add_button

{
background: -moz-linear-gradient(center top , #EF8DBF 0%, #E960A6 100%) repeat scroll 0 0 rgba(255, 255, 255, 0.9) !important;
}

However, the button still stays the same.

[Paulie_D]

That gradient will only work for Firefox, you should add the other prefixed versions too.

[katmac]

Hi

I’m using FireFox and I don’t see any changes.
Once I can get this working, I will fix up for other browsers.

[Paulie_D]

If you mean the “Add to Registry” button, its styles are declared in woocommerce.css.

babyridesafe.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css

If you cannot edit this..and I understand that some WooCommerce themes are not editable…then you are stuck with it.

If you can…there you are.

[Soren]

I built a site with woocomeerce last week and the button’s styles can be changed. Some of the woocommerce.css declarations use !important.

color: #363636 !important; (this is why your button’s text is dark)

You need to get these styles overridden further down the waterfall. I hesitate to edit plugin css files only because any future update to the plugin may change them.

http://codepen.io/soren-tree/pen/hpKdz

[Author]

Posts