Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 12, 2022 at 4:14 am #1372283
    philipbrook

    Hello,

    I am installing a new Gift Card plugin from Woocommerce https://woocommerce.com/products/gift-cards/ but noticed the ”Have a gift card?” box on the shopping cart does not render with the styling of my Enfold theme. It simply doesn’t look good. Is there a quick way to remedy this? It looks like the plugin is not seeing the styling guidelines of the theme.

    Thanks in advance,

    Philip

    November 12, 2022 at 11:55 am #1372291
    Rikard

    Hey philipbrook,

    I see the elements on the cart page, but I’m not sure how you want to change the styling? Please try to explain your intentions a bit further, or post a screenshot highlighting the changes you would like to make.

    Best regards,
    Rikard

    November 16, 2022 at 7:22 am #1372734
    philipbrook

    Hello Rikard,

    Thank you for your quick reply. Sorry for not being as efficient as you in my reply. Very busy these days.

    I did get a bit of help from Woo Support with the same question but they did not want to help any further than giving me a few CSS snippets which I’ve added to the Quick CSS box in my Child Theme Options. It helped but didn’t accomplish everything. For me, since it is a Woo Official plugin they should offer the support to make it work with your theme. My general comment is that this Virtual Gift certificate plugin does not read the general Enfold Theme styling I programmed. So, there is little styling glitches everywhere (see my screen shots). If you can help it would very appreciated.

    Thanks,

    Philip

    November 16, 2022 at 3:27 pm #1372792
    Rikard

    Hi Philip,

    Thanks for the update. I can’t access your screenshots, since it’s asking me to login into iCloud, and I don’t have an account for that. Could you upload the images to Google Drive or Dropbox instead please?

    Best regards,
    Rikard

    November 16, 2022 at 5:36 pm #1372825
    philipbrook
    This reply has been marked as private.
    November 17, 2022 at 12:18 pm #1372918
    Rikard

    Hi,

    Thanks for that. Please try this for the cart page:

    .add_gift_card_form #wc_gc_cart_redeem_form button {
    display: inline-block;
    background-color: #719430;
    border-color: #507210;
    border: none;
    color: white;
    padding: 10px 20px;
    border-radius: 2px;
    font-family: inherit;
}

    I can’t find the elements in the screenshot on the product page, could you link directly to where we can see the elements in question please?

    Dashboard; is this on the backend? If so, then where can we find it?

    Best regards,
    Rikard

    November 17, 2022 at 5:26 pm #1372973
    philipbrook
    This reply has been marked as private.
    November 18, 2022 at 5:08 pm #1373127
    Rikard

    Hi,

    Thanks for that. Please try this for the product page:

    .wc_gc_send_as_gift_checkbox input {
  width: auto;
}

    Then this for the my account page:

    .woocommerce-MyAccount-Giftcards-form .wc_gc_redeem {
    margin: 4px 0 20px 0;
}

    Please note that most of the elements in your screenshot are using default WooCommerce styling. If you were to override that, then it would reflect globally on your site. We can’t target only that section unfortunately, except for the button.

    Best regards,
    Rikard

    November 18, 2022 at 5:39 pm #1373130
    philipbrook

    Hello Rikard,

    Thanks you for your reply. I just copied everything to the Quick CSS box of Theme Options > General Styling page but don’t seem to see any results with both lines. I’ve cleared the cache of the website and cleared the history of the browser I use and still no change.

    Should the code be copied elsewhere?

    best regards,

    Philip

    November 20, 2022 at 12:06 am #1373243
    Mike

    Hi,
    Try this css for the Virtual Gift Cards page “Send as gift” checkbox:

    .cart label[for=wc_gc_send_as_gift_checkbox] input {
  width: auto;
}

    Best regards,
    Mike

    November 21, 2022 at 6:03 am #1373332
    philipbrook

    Thank you Mike, it did the job.

    Philip

    November 21, 2022 at 12:33 pm #1373347
    Mike

    Hi,
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    November 21, 2022 at 12:52 pm #1373354
    philipbrook

    Hello Mike,

    Thank you and Rikard for your help. Your superb support team is one of the main reasons I stick with Enfold!

    All the best from Taiwan,

    Philip

    November 21, 2022 at 1:07 pm #1373358
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Styling issue on shopping cart page’ is closed to new replies.