JohnM13

Ok, so I worked out that the category page needed the element “.term-16”. So I wish to modify my question:
Why do these lines work perfectly:

.col-md-6{visibility:hidden}
.term-16 .col-md-6 {visibility:visible!important}

while this line doesn’t. It shows the searchbar on all pages:

.col-md-6:not(.term-16 .col-md-6) {visibility:hidden!important}

In my mind they are equivalent, just that the second one is more “elegant”. Is someone able to explain why they are not?

After a couple more hours of playing, I found the answer, so I’ll close the thread.

Oh, of course. Thanks for the explanation. I’m off to some more experimentation with my new found knowledge. Cheers.

Sorry for starting this again: after messing around with the code I thought of a question that may or may not be easy to answer.
Why is it that sometimes you need to have quite a few “elements called e.g.
.woocommerce ul.products li.product .button {
display: block;
margin: 5px auto 15px;}
and sometimes very few (or just one) e.g.
.quantity .minus{ display: none}
I hope this question makes sense.

You were right! It’s not perfect, but it is very very close. Thank you so much for this. It will also help me learn more about using Inspect to tweak CSS when I get time to play with the code to see HOW it works. So you’ve helped me twice. Thank you again.

Thanks for replying. It seems I’ll need to ring the provider. They are notoriously slow, so I’ll need to set aside a bit of time!

So sorry. I am trying to change colors etc. on the “Add to cart” and “View options” buttons on my site.

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.

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?

Thank you very much! That worked perfectly! As far as I’m concerned this is closed, but if you feel so inclined (and it’s not too complex to explain here), would you be interested in explaining why the labels were where they were, and how the CSS moves them? If not, I understand, and thank you again for your help.

Well I kept looking at the code and have identified 3 issues. Fixed them all and now it works, so it seems I wasted some space there. Sorry about that. But I’d like to amend the question if I may: I can add text above “Cart Totals” or below the whole “Cart Totals” area, but if I want to add text DIRECTLY BELOW the actual words “Cart Totals” but ABOVE the totals calculations, what changes do I need to make to my code? Cheers again.

Hi Bojan. That worked perfectly! Thank you very much for your guidance. Cheers and thanks again.