Home Forums Themes Support Claue Clua Yith gift card

Topic Resolution: Resolved

This topic contains 53 replies, has 2 voices, and was last updated by  Mag8891 4 months ago.

Viewing 15 posts - 1 through 15 (of 54 total)
  • Author
    Posts
  • #22118

    hello could you please help me to edit product page style to work with yith gift card plugin correctly,

    firstly the wish list heart is for some reason jumped to the second line,

    second Gift this product button in bold as button frame, how Can I make it the same stuly as other claue buttons ie not bold, the hoover color doesn’t work the same too

    Also placed in between add to cart and wish list hart, so on mobile it is on the second line too, how can I place this button after the heart

    Please see the pic how I would like to see it on mobile and full screen

    Thank you

    Attachments:
    You must be logged in to view attached files.
    #22120

    also on the checkout how I can make the notice the same style as your theme

    Attachments:
    You must be logged in to view attached files.
    #22122
    This reply has been marked as private.
    #22127
    This reply has been marked as private.
    #22129
    This reply has been marked as private.
    #22137
    This reply has been marked as private.
    #22148

    Hi,

    1. Please add below code

    button#give-as-present {
    	margin: 0 0 0 10px !important;
    	border: 1px solid;
    	font-weight: normal;
    }
    @media only screen and (max-width: 800px) {
    button#give-as-present {
    	margin: 0 !important;
    }}

    the position of gift button control by code of plugin and i can’t control

    2. I check and see the message bar on your site still work like our demo site. Could you add note to screenshot what you want

    3. Please add below css code

    .terms-privacy-conditions #terms {
    	float: left;
    	margin-top: 8px;
    	margin-right: 8px;
    }

    4. I try some ways but can’t move coupon box like your screenshot. It now only under Place Order button because WooCommerce doesn’t add action hook below products review table

    5. Please add below code

    .vbox-inline .popup-footer a.btn#agree_terms_button {
    padding: 0 30px;
    }

    6. This option generate by WooCommerce plugin, can’t change the picture you can remove paypal link and change space by add below code

    .payment_method_paypal a.about_paypal {pointer-events: none; marign-left: 10px;}

    7. Please add below code

    .actions .coupon input {
    	margin: 10px 0;
    }
    .actions .coupon .button {
    	width: 100%;
    }

    8. Please add below code

    .jas-sticky-atc button#give-as-present {
    	margin: 0 !important;
    	background: none;
    	border: none;
    	color: #fff;
    	font-weight: normal;
    	text-transform: uppercase;
    	padding: 0 15px;
    	font-size: 12px;
    }

    Best regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #22150
    This reply has been marked as private.
    #22173

    Hi,

    1. Please use below code

    .ywgc-have-code {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #31708f;
    }

    4. Please refer this topic and add recommend code to claue-child > functions.php. I love the concept of OpenCart or other e-commerce for coupon form on checkout page. it easier for user to use the Coupon code but WooCommerce not flexible to customize this

    7. Please add below code

    .actions .coupon input {
    	margin: 10px;
    }

    8. Could you send me link of this product, I check Gift Card product it not show.

    Thanks

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #22177
    This reply has been marked as private.
    #22187
    This reply has been marked as private.
    #22205

    Hi,

    1. Please change prev code to

    .ywgc-have-code {
    	background-color: #d9edf7;
    	border: 1px solid #bce8f1;
    	color: #31708f;
    	padding: 30px 50px;
    }

    4. Sorry forgot give you link of topic, please follow this https://tamstradingpost.com/move-the-woocommerce-coupon-field-anywhere/ to move coupon on checkout page.

    On the cart page, please contact plugin author YITH Giftcard for help.

    6. Please change code to

    .payment_method_paypal a.about_paypal {display: none;}

    7. Please change prev code to

    .actions .coupon input {
       margin: 0 10px;
    }
    @media only screen and (max-width: 736px) {
    .actions .coupon input {
       margin: 10px 0;
    }}

    8. Please add below code

    .jas-sticky-atc .ywgc-generator {display: none !important;}

    9. Please add below code

    button#give-as-present {
    	padding: 0 20px;
    }
    .product-quickview .single_add_to_cart_button {
    	padding: 0px 19px;
    	font-size: 12px;
    }
    .product-quickview button#give-as-present {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    @media only screen and (min-width: 801px) {
    .product-quickview .jas-col-md-5,
    .product-quickview .jas-col-md-7 {
    	flex-basis: 50%;
           max-width: 50%;
    }}
    @media only screen and (max-width: 800px) {
    button#give-as-present {
    	margin: 0 0 !important;
    }}

    Best regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #22210
    This reply has been marked as private.
    #22215
    This reply has been marked as private.
    #22226

    Hi,

    1. Please add below code

    .ywgc-have-code + .ywgc-enter-code {
    	margin-top: 10px;
    	margin-bottom: 0;
    	background: #f1f1f1;
    	padding: 20px;
    	display: inline-block;
    	width: 100%;
    }
    #giftcard_code {
    	margin-right: 10px;
    }
    .ywgc-enter-code p { margin-bottom: 0;}
    
    @media only screen and (max-width: 414px) {
    	.woocommerce form .form-row-first, 
    	.woocommerce form .form-row-last,
           .ywgc-enter-code .form-row,
    .woocommerce form .form-row button,
    .checkout_coupon .input-text,
    .ywgc-enter-code .form-row .input-text,
    .ywgc-enter-code .form-row button {
    		width: 100%;
    	}
    .ywgc-enter-code .form-row { margin-bottom: 10px;}
    
    }

    9. Please change code to

    button#give-as-present {
    	padding: 0 15px;
    }
    .product-quickview .single_add_to_cart_button {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    .product-quickview button#give-as-present {
    	padding: 0px 15px;
    	font-size: 12px;
    }
    @media only screen and (min-width: 801px) {
    .product-quickview .jas-col-md-5,
    .product-quickview .jas-col-md-7 {
    	flex-basis: 50%;
           max-width: 50%;
    }}
    @media only screen and (max-width: 800px) {
    button#give-as-present {
    	margin: 0 0 !important;
    }}

    I check your site on mobile it work well http://take.ms/VIX5F

    4. It can’t add on over the Order heading.

    On cart page woocommerce they use HTML code to put coupon under product list but on checkout they use PHP function to hook. So it hard to control

    6. Please change code to

    .payment_method_paypal a.about_paypal {pointer-events: none; margin-left: 10px;}

    the text “marign-left” wrong correct is “margin-left”

    Best regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 15 posts - 1 through 15 (of 54 total)

You must be logged in to reply to this topic.