Styling “add gift wrap” on checkout

Without knowing the URL of your site I cannot style it for you, but please style the .show_giftwrap CSS class –

.show_giftwrap {
    background-color:#fff;
    color:#000;
    padding:1em 2em;
}

and then you might want to unstyle the .woocommerce-info class to remove its background color and icon.

Hello @littlepackage and thank you. Unfortunately, that code doesn’t work. I’m sorry that you can’t check the site, but it is still on development mode and is closed. Maybe in a few days I can return to let you know the site is open to the public, so you could take a look to my question.

Again, thank you very much for your work ??

• This reply was modified 6 years, 4 months ago by Rafa Gallego.

You may just need to further qualify the CSS selector, such as by putting .woocommerce-info in front of .show_giftwrap

.woocommerce-info a.show_giftwrap {...}

Look into your CSS and figure out why the CSS I suggested is being overwritten. You will need to work with your developer to fine tune CSS for this *free* plugin. Enjoy!

Yeah! It worked! However, at the checkout page the hover “button” background changes only to transparent; I have tried with :hover but with no success, I think it’s because the theme or something else. But it doesn’t matter, it looks good now.

By the way, how can I send you a new Spanish translation? The current translation isn’t good, so I’d like to collaborate with this contribution.

Thanks!