Return to previous page

Old ticket 337850 Card CSS Problem Responsiv Design

This topic has 6 replies, 2 voices, and was last updated 2 years ago ago by Oliver Theiß

Oliver Theiß

Participant

December 14, 2022 at 11:03

Hello all,

this is an old ticket of mine. The code I received from you never worked – correctly.
You screenshot – the smallest word is still cut off depending on the screen size. The customer last be able to see that.

Can we look here again.

Thank you very much.

Oliver

https://www.8theme.com/topic/checkout-page-design-error-my-shop-card/#post-337850

#341417 Copied Theme version: Version: 8.3.8 WooCommerce version: 7.2.0

5 Answers

Oliver Theiß

Participant

December 14, 2022 at 14:06

I do not want to create a new ticket

See screenshot : “In Add Wishlist” the padding does not work I have already tried everything..the heart is also not there..
Please hlep me a bit

Thanks a lot 🙂

#341453 Copied
Tony Rodriguez

Support staff

December 15, 2022 at 05:31
Hello, @Oliver Theiß,

1- First of all, the code you are talking about works very well in your last ticket you said that too. But I have again checked the site and found no issue see the image: https://postimg.cc/y3R1dwWc further if you are facing any issue please share the screenshot of it so that I will understand it better and provide you with a proper solution.

2- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and the paste the below code at the bottom of the CSS box there.
```
.fa-heart-o:before{font-family: 'FontAwesome' !important;}
.single-wishlist .add_to_wishlist span{padding-bottom:0px !important;}
```
Then save settings and check back to your site after clearing the browser cache.

Result will be appear like this: https://postimg.cc/mzRJMJd7

Regards 8Themes Team.
#341497 Copied
Oliver Theiß

Participant

December 15, 2022 at 07:48

Good morning,

first thanks for the code:) Perfect.

thank you very much for your quick feedback.
we have misunderstood each other. it is about the desktop view..the last word is still cutting off.

you could also use a shorter word here, like amount…but the monetary value is also cut off

thank you for your understanding and have a successful day

#341517 Copied
Tony Rodriguez

Support staff

December 15, 2022 at 09:06
Hello, @Oliver Theiß,

Actually, The page layout works on the divs, and on the page the issue is caused by the language the word is too big to set on the div so you have to reduce the font size of it a little bit otherwise you have to customize the complete layout of this page according to the language so that it will get more space in the div to show the complete word. Hope you got my point.
If you agree to reduce the font size a little bit use the below code.

simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
```
.woocommerce-cart th.product-subtotal {
    padding-left: 0 !important;
    font-size: 12px !important;
}
```
Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/k2Pp9HL0

Regards 8Themes Team.
#341537 Copied
Oliver Theiß

Participant

December 15, 2022 at 22:04

thank you for your quick feedback,

yes, that’s what I thought.

i will replace the word with a shorter one.

thank you for your support and stay healthy

#341600 Copied
Tagged: card problem, responsive design, templates, ticket 337850, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Old ticket 337850 Card CSS Problem Responsiv Design’' has been successfully resolved, and the topic is now closed for further responses

Old ticket 337850 Card CSS Problem Responsiv Design

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection