Using “Inspect” to change CSS

You want to do all <a> tags in this case. From the wp-content/themes/envo-storefront/style.css?ver=1.0.4 file:


a, a:active, a:hover, a:focus {
    text-decoration: none;
    color: #ff0707;
}

Or, to be more specific, targeting .woocommerce-cart-form__cart-item cart_item a should just get the links in the WooCommerce cart area.

  • This reply was modified 2 days, 11 hours ago by Brett Krueger.
  • This reply was modified 2 days, 11 hours ago by Brett Krueger. Reason: Important typo in suggestion

Hmm.. it all made perfect sense. I wasn’t sure about what the “a” meant, so I looked it up. So then I created the following code:
.woocommerce-cart-form__cart-item cart_item a {color:blue}
in my custom CSS, but it didn’t work. At present I simply want to experiment with changing the color, hence the above code. So, in order to simply do that, where did I go wrong?

It may need to get more granular like .product-name a {color:blue}. You could also just change all links with a {color: blue}.

  • This reply was modified 2 days, 10 hours ago by Brett Krueger.
  • This reply was modified 2 days, 10 hours ago by Brett Krueger. Reason: Misread last reply

Thank you for your help. I’m still trying to work out the correct syntax for the individual items, but at least now I can change the color globally. Cheers.



Source link