Fine tuning of alignments in shop

[stiffler3000]

Hi,

I would like to fine tune some layout issues I have with the woocommerce-shop.

1. Cart
The field for the coupon code and the button are not correctly aligned. How can I get these two in a lign?

2. Checkout
The checkbox and the text are not aligned.

3. Cart
Could you please tell me the custom CSS to remove the model links on top of the page?

I added screenshot for 1, 2, 3.

Thank you very much in advance.

Kind regards,
Stefan

[Mohammad – SUPPORT]

Hi,
Please share your website URL so i can give your perfect solution .

[bujma]

I have the same problem with apply coupon button and I noticed it depends on chosen font.
Is there an easy way to fix this?

[stiffler3000]

Hi Mohammad,

thank you.

The URL is: http://nordicfit.firma.cc/shop

Kind regards,
Stefan

[Mohammad – SUPPORT]

Hi,
1. Cart – The field for the coupon code and the button are not correctly aligned. How can I get these two in align ?
ANS -: We have Dante v2.12 update out to fix all the issues so please upgrade to latest version

2. Checkout
The checkbox and the text are not aligned.
ANS -: We have Dante v2.12 update out to fix all the issues so please upgrade to latest version

3. Cart
Could you please tell me the custom CSS to remove the model links on top of the page?
ANS -: Please go to Admin -> Theme Options > WooCommece Options ->
1 – Email customer care modal – Change Email customer care
2- Shipping information modal – Change Shipping information
3- Returns & exchange modal – Change Returns & exchange
4- FAQs modal – Change FAQs

Hope it will help you .
With Best Regards
Swiftideas Themes

[stiffler3000]

Hi Mohammad,

1. & 2.
I have the newest version installed but unfortunately that doesn’t change the layout issues.

3.
These settings change the content of the modals. I would like to hide these modal-links from there.

Thank you,
Stefan

[bujma]

Me too. The newest version of Dante and Apply Coupon is still not alligned properly.

[Mohammad – SUPPORT]

Hi,
Please go to admin -> theme options -> custom css and put this code

1. For Apply coupon input text alignment 
.woocommerce .coupon input.input-text{width:61%;padding:12px 10px; }

2- To hide links like email , customer care 
.woocommerce-checkout .help-bar{display:none;}

It will fix your issues .

With Best Regards
Swiftideas Themes

[stiffler3000]

Hi Mohammad,

that works like a charm.

Do you have a solution for the alignment of the Terms-and-conditions checkbox with the text too?

Thank you!

Kind regards,
Stefan

[Mohammad – SUPPORT]

Hi,
Please go to admin -> theme options -> custom css and put this code
.woocommerce #payment .terms label{width:92%}

With Best Regards
Swiftideas Themes

[alemarengo]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,

@puntobiancosnc – Please always provide me specific page url with issues. I checked all pages but i am not able to find the page like screenshot. Its recommended to share specific page url with issue. Everytime we need to request and you share that takes time.

Thanks
Mohammad

[alemarengo]

You are right Mohammad.
The point is that I have fixed it in this way:
a little bit of css, but instead of using Ajax Layered Nav, I switched to standard Woocommerce Layered Nav: I got rid of checkboxes for now and css helped me in fixing for responsiveness.

[Mohammad – SUPPORT]

Hi,
I am glad that you managed to resolved the issue.
Thanks
Mohammad