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, 6 months ago ago by Oliver Theiß

  • Avatar: Oliver_Theis
    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
    Avatar: Oliver_Theis
    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
    Avatar: Tony Rodriguez
    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
    Avatar: Oliver_Theis
    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
    Avatar: Tony Rodriguez
    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
    Avatar: Oliver_Theis
    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: , , , , ,

  • 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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.