Form Label in Cart Page – Alignment Issues

  • Resolved khoavo

    (@khoavo)


    3 years, 5 months ago

    Hi there, if you could assist me with the following:

    1) Screenshot: https://prnt.sc/vlqex0 – I can’t seem to figure out the correct CSS to move the texts “Have a gift card?”inward a bit. Need margin-left increase but none of my CSS has worked so far.

    2) Also, I noticed on Safari, the Gift card number field & Apply button displays wider like this: https://prnt.sc/vlqf8s – The apply button should also widens to touch the right edge.

    And when viewed on Chrome, it looks like this: https://prnt.sc/vlqfcn

    Any tips to fix these issues would be greatly appreciated!

    KV

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author pimwick

    (@pimwick)

    3 years, 5 months ago

    These issues are related to your Theme, you will need to contact your theme developer for help. They should be able to provide you with CSS that can be placed into your “Additional CSS” area.

    You can change the location of this field from the settings page. Click on Pimwick Plugins -> PW Gift Cards -> Settings and set the “Redeem Location” options.

    If you want more control we use the built in WooCommerce template system. To override the look of the Apply Gift Card area, copy the template file to your theme directory. The template files are here:

    /wp-content/plugins/pw-woocommerce-gift-cards/templates/woocommerce/

    When you find the template file you want to override, copy it to your theme directory:

    /wp-content/themes/<your_theme>/woocommerce/

    Note: make sure that you copy any sub-directories as well!

    Once the file is in your theme folder, open it up in a text editor and make any changes to the HTML and CSS.

    There are four template files for the “Apply Gift Card” area depending on the settings chosen here:
    Pimwick Plugins -> PW Gift Cards -> Settings -> Redeem Location

    For the “Cart” page:
    /pw-woocommerce-gift-cards/templates/woocommerce/cart/apply-gift-card-after-cart-contents.php
    /pw-woocommerce-gift-cards/templates/woocommerce/cart/apply-gift-card.php

    For the “Checkout” page:
    /pw-woocommerce-gift-cards/templates/woocommerce/checkout/coupon-area-pw-gift-card.php
    /pw-woocommerce-gift-cards/templates/woocommerce/checkout/payment-method-pw-gift-card.php

    Hope that helps, let me know if you have any questions!

    Thread Starter khoavo

    (@khoavo)

    3 years, 5 months ago

    Unfortunately the theme developer directed me to the plugin developer for the CSS. However, changing the location of the Apply Gift Card location definitely helped, and it looks better too. Thank you so much for this reminder, I totally forgot about the option.

    Keep up the great work!

    KV

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Form Label in Cart Page – Alignment Issues’ is closed to new replies.