Checkout page more responsive removing some texts (with onepage checkout plugin)

[educainventions]

Hi! I’m trying to do it with css by I’m having a lot of difficulties with the css of this page in particular: https://www.edinventa.com/checkout/:

A) I’m trying to hide the h3 titles of “Detalles de facturación” and “Información adicional”. It’s very easy with the Chrome inspector, but when I copy and paste into the global css section, the Chrome inspector shows it striked out. This is the code I used (it does NOT work):
.woocommerce-account form h3:first-child, .woocommerce-checkout form h3:first-child{ display:none; }

B) I have not idea about how to hide the country with css (it only can be Spain-España):

[ruenel]

Hello There,

Thanks for writing in!

To resolve your issue, please use this code instead:

.woocommerce-account form h3:first-child, 
.woocommerce-checkout form h3:first-child,
#billing_country_field{ 
    display:none !important; 
}

We would loved to know if this has work for you. Thank you.

[educainventions]

It has worked perfectly. Thanks so much!!

[jade]

Hi there,

Just in case, you can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Glad to hear it’s sorted.