Zeus vs Hades demo.Claim Your Free 999 Pesos Bonus Today

Resolved caramella1123
(@caramella1123)

3 years, 3 months ago

i want my “add to button” is in line with “quantity” and below i want all my payment in line ( i have apple pay, google pay, paypal, credit card )

here is my results with some code i took from some topic:

https://ibb.co/c2LqvjP

but i see that button “add to cart” when open the page it go up and after down…. maybe i use wrong code, below the code:

`.single-product .quantity {
margin-bottom: 0px !important;
}

.single-product .single_add_to_cart_button {
margin-top: -190px !important;
}

.single-product .single_add_to_cart_button {
margin-left: 120px !important;
}

#wc-stripe-payment-request-button
{
max-width:400px;
}

#woo_pp_ec_button_product {
max-width:400px;
}

p#wc-stripe-payment-request-button-separator {
display: none !important;
}

please help me to solve this problem and to remove space from google/apple pay and paypal

Thank You

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Mirko P.
(@rainfallnixfig)

3 years, 3 months ago
Hey @caramella1123,

I’ve visited your site and this is what I can see on the product page at the moment:

Link to image: https://i.imgur.com/8n0uV8L.png

If you remove this CSS:
```
.single-product .single_add_to_cart_button {
margin-top: -190px !important;
}
```
and change this one:
```
.single-product .single_add_to_cart_button {
margin-left: 120px !important;
}
```
to
```
.single-product .single_add_to_cart_button {
margin-left: 10px !important;
}
```
the “Add to Cart” button should move to the right position.

Link to image: https://i.imgur.com/I77fuvp.png

Hope this helps.
Thread Starter caramella1123
(@caramella1123)

3 years, 3 months ago

Thank You Mirko @rainfallnixfig i have add the code you said but the add to cart button is moved down of the google/apple pay button ??

https://ibb.co/FqGTdnH

maybe the problem is google/apple pay button but when i use a device that has google/apple pay configured everything seems work well but if a client dont have if configured they will see a add to cart button not aligned ??

do you any solution ? very thank you for your time.

Thread Starter caramella1123
(@caramella1123)

3 years, 3 months ago

basically the add to cart button should reposition itself when the google and apple pay button is not present …. i dont have idea how to do that and if possible to do

Mirko P.
(@rainfallnixfig)

3 years, 3 months ago

Hi @caramella1123,

Thanks for getting back.

As you can see on my screenshots above the Apple Pay button was not displaying on my end. So I assume it’s being shown only for some countries and of course, the “Add to Cart” button will be moved to a different position.

In that case, you’d want to apply a condition to trigger a different CSS when the Apple Pay button will be displayed so that the “Add to Cart” button will be moved to the right position. This will require some custom PHP coding though. Custom coding goes beyond the scope of support we are able to provide in this forum.

Also, please consider that the style and position of elements are mainly controlled by the theme and not by WooCommerce itself. It looks like you’re using the Flatsome theme so you’ll want to reach out to the theme developers that are best positioned to assist you with this issue. You’ll find the theme support options here: https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319/support.

Thanks.

Mirko P.
(@rainfallnixfig)

3 years, 3 months ago

Hi there,

We’ve not heard back from you in a while so I’ll go ahead and mark this thread as resolved. Hopefully, you were able to find a way forward with the issue.

Please feel free to create a new thread on the forum if you need further help.

Thanks.