Support » Plugin: Woocommerce Gift Wrapper » Styling “add gift wrap” on checkout

  • Resolved Rafa GT

    (@rafa-gt)


    Hi!

    Great plugin. But I’m still investigating how to make some css changes. The thing is that I’d like to modify the background of the clickable area “Add gift wrapping?”. At the Cart page the button appears well, but at the Checkout page there is no button, only text.

    Hoy can I make the clickable area appareance as a button?

    Here you can see the difference:

    Cart page:
    http://i66.tinypic.com/mw37td.jpg

    Checkout page:
    http://i65.tinypic.com/2eekc1v.jpg

    Thank you in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Little Package

    (@littlepackage)

    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.

    Rafa GT

    (@rafa-gt)

    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 2 years ago by Rafa GT.
    Plugin Author Little Package

    (@littlepackage)

    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!

    Rafa GT

    (@rafa-gt)

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling “add gift wrap” on checkout’ is closed to new replies.