question about translations now showing up correctly

Solved

question about translations now showing up correctly

shayvidas
Excursionist
13 0 3

quick question

why on some products in Hebrew translations i see the description as very light ? >

5555.png

 

while in others the translation looks ok

 

1111111.png

 

they are both using the same scheme

this only affects mobile

 

my website is

vidashttps://vidaswatches.com/

 

thanks friends

 

Accepted Solution (1)

asharofficial
Excursionist
41 5 16

This is an accepted solution.

I have checked issue is on both laptop and  mobile, kindly apply the provided CSS in base.css file

Step-by-Step Guide for Adding CSS to a Shopify Theme:

  1. Log into your Shopify Admin:

  2. Go to the "Online Store" section:

    • In the left-hand sidebar, click Online Store > Themes.
  3. Access the theme editor:

    • On the Themes page, locate the theme you are currently using and click Actions > Edit code. This will open the theme’s code editor.
  4. Add the custom CSS:

    • In the Assets folder on the left sidebar, look for a CSS file. Typically, it's called theme.css, styles.css, or something similar (it can also be in .scss.liquid).
    • Open the appropriate CSS file by clicking on it. If you can't find a CSS file, you may need to create a new one (you can create a new file under Assets by clicking Add a new asset > Create a blank file and choose .css or .scss.liquid).
  5. Insert your custom CSS:

    • Scroll to the bottom of the CSS file or find an appropriate place within the file and paste your custom CSS:

 

[lang="he"] .product__description .light {
    opacity: 0.9;
}

 

 

asharofficial_0-1734073368445.png

desktop /laptop

 

asharofficial_1-1734073396251.png

 

Mobile UI

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


View solution in original post

Replies 5 (5)

asharofficial
Excursionist
41 5 16

This is an accepted solution.

I have checked issue is on both laptop and  mobile, kindly apply the provided CSS in base.css file

Step-by-Step Guide for Adding CSS to a Shopify Theme:

  1. Log into your Shopify Admin:

  2. Go to the "Online Store" section:

    • In the left-hand sidebar, click Online Store > Themes.
  3. Access the theme editor:

    • On the Themes page, locate the theme you are currently using and click Actions > Edit code. This will open the theme’s code editor.
  4. Add the custom CSS:

    • In the Assets folder on the left sidebar, look for a CSS file. Typically, it's called theme.css, styles.css, or something similar (it can also be in .scss.liquid).
    • Open the appropriate CSS file by clicking on it. If you can't find a CSS file, you may need to create a new one (you can create a new file under Assets by clicking Add a new asset > Create a blank file and choose .css or .scss.liquid).
  5. Insert your custom CSS:

    • Scroll to the bottom of the CSS file or find an appropriate place within the file and paste your custom CSS:

 

[lang="he"] .product__description .light {
    opacity: 0.9;
}

 

 

asharofficial_0-1734073368445.png

desktop /laptop

 

asharofficial_1-1734073396251.png

 

Mobile UI

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


shayvidas
Excursionist
13 0 3

your the best

asharofficial
Excursionist
41 5 16

Welcome ❤️ @shayvidas  Let me know if you need further assistance

 Looking for skilled Shopify developers? Hire Me WhatsApp: +92 334 387 4850


Support me: Buy me a coffee


 If this solved your problem, I’d truly appreciate it if you could show some love by liking this or marking it as the solution! 


akshay_bhatt
Shopify Partner
145 13 22

Hey @shayvidas ,

add this css at bottom of the </body>

light {
    opacity: .7;
    font-weight: 900;
}

Result :

akshay_bhatt_0-1734073869272.png

 

If I was able to help  you please don't forget to like and mark it as the solution.
Best Regards,
Akshay

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us

steve_michael2
Trailblazer
439 38 55

Hi @shayvidas ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

[lang="he"] .product__description .light {
    opacity: 0.8;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount