Cart page

Hi there!

in TABLET AND MOBILE (desktop is fine) this area are in capital letters and i want them to be written normal just like the desktop version, how can I fix this!

The screenshot is attached and as I said its the cart page in the private section

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Custom CSS for Mobile and Custom CSS for Tablet area under Theme Settings >> Custom CSS.

.cart-totals-inner .shop_table_responsive td:before {
    text-transform: inherit;
}

Best Regards

Hi there,

thank you for the reply!

This doesn’t really and the style of the MOBILE AND TABLET style doesn’t match the DESKTOP when i have added this CSS code

Please check it and let me know how can i fix this

Hello,

Provided custom code is working correctly and after applying, your site cart table heading will look like on following video (https://gyazo.com/dd4599409c0a77d6ec6f2abd4d122b5b).

If you added this code to the custom CSS area and nothing changes, please don’t remove the following code and provide us your site admin access, so we can log in and check why it is not working.

Kind Regards

thank for the reply!

when I add the code! it works just as you show in the vid! otherwise it doesn’t match the style at all! look at the Total cost and its price

Logins are in the private section

Hello,

If you want to change color, font-weight and font-family try to replace previous custom code with the following one:

.cart-totals-inner .shop_table_responsive td:before {
    text-transform: inherit;
    font-family: var(--wd-title-font);
    color: var(--wd-title-color);
    font-style: var(--wd-title-font-style);
    font-weight: var(--wd-title-font-weight);
}

Kind Regards

Hi there!

Thank you so much! I have replied the previous with this code but still, the card desktop looks different from Tablet and Mobile

Please check and get back to me

Hi,

We have checked your site and see that you didn’t add custom code to your site. Try to add the following code snippet to the Custom CSS area in Theme Settings.

If you added this code to the custom CSS area and nothing changes, please don’t remove the following code, so we can log in and check why it is not working.

Kind Regards

Thank you so much!

you are right! I have changed it now!

Please check the screenshot attached! I need to make that one also same style as desktop for mobile and tablet

Attachments:

You must be logged in to view attached files.

As we can see, cart mobile titles already uses the same styles as on desktop version. Please describe what you want to modify in a little more detail. If you want to change font size, try to add following custom code

.website-wrapper .cart-totals-inner .order-total td:before {
	font-size: 18px;
}

If you want to change something other, please provide us with more information.

Kind Regards

font size only of that element I arrowed in the screenshot, because it has another font weight and size also in desktop and I want it to be the same also in Tablet and Mobile

Hi,

The element “Gesamtsumme” already have same font-weight “600” as on desktop:

“Gesamtsumme” have font-weight: 600 on desktop (screenshot https://prnt.sc/1ghsndk)
“Gesamtsumme” have font-weight: 600 on mobile (screenshot https://prnt.sc/1ghsy1u)

If you want to change “Gesamtsumme” font size on mobile devices, try to add the following custom code to the theme settings Custom CSS area:

.website-wrapper .cart-totals-inner .order-total td:before {
	font-size: 18px;
}

If you want to change “Gesamtsumme” font weight on mobile devices, try to add the following custom code to the theme settings Custom CSS area:

.website-wrapper .cart-totals-inner .order-total td:before {
	font-weight: 600;
}

You can change font-size and font-weight to the desired one by modifying custom CSS code values.

Kind Regards

[Author]

Posts