Css help needed

woolfulness · Member · Mar 20, 2019 at 4:46 pm
Copy link

Add topic to favorites
I have managed to design the majority of my site my self, I just need help with two issues. Firstly on my woocommerce at checkout, 2 messages appear at the top ‘have a coupon?’ and ‘returning customer?’ Both have a blue accent colour which I want to change. Also the font colour for ‘related products’ under products. Any help would be greatly appreciated

The blog I need help with is: (visible only to logged in users)
404bill · Member · Mar 20, 2019 at 5:21 pm
Copy link
Hello,

If you have a premium or business plan you can upload custom css detailed here: https://en.support.wordpress.com/custom-css/

For the 2 messages with the blue border you can either remove the border:
.woocommerce-info {border-top: 0;}

Or you can update the colour to match your site better:
.woocommerce-info {border-top-color: #1e85be;} <– this hex code being the blue

You might want to do the same to get rid / change the colour of the icon to the left:
.woocommerce-info::before {display: none}

The related headings text is just a default style for that heading (an h2). This can be updated with this code: h2{color: #222} <– Current colour

I’m not sure if with woo commerce you have a section to change the styling. But all the headings are currently set to the dark colour of related products (#222)

No items found.