style in theme.css is not working

[BM136]

Hi,

I'm trying to add the following code in theme.css, but it is not working

while it is working when added as a style on the collection description directly as a style

Any idea about how to fix this issue?

*********************************************

@media screen and (max-width: 640px) {

.Ar-Desc

  {

     direction: rtl !important;

    background-position: right !important;

  }

  .Ar-Desc ul li {

direction: rtl !important;

    background-position: right !important; 

    position: static !important;

  list-style-type: disc !important;

list-style-position: inside !important;

 }

}

*********************************************

[Made4uo-Ribe · Accepted solution]

Hi @BM136 

Did you check your theme.css if there is no misplace, or misisng bracket or signs? 

Did you try to add this one to other files? like custom css on the theme.editor, on the theme-liquid file. 

You just add style tag. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes"
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (max-width: 640px) {
  .Ar-Desc {
    direction: rtl !important;
    background-position: right !important;
  }

  .Ar-Desc ul li {
    direction: rtl !important;
    background-position: right !important;
    position: static !important;
    list-style-type: disc !important;
    list-style-position: inside !important;
  }
}

</style>

• And Save. 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[BM136]

Perfect, Thank you

[DaisyVo]

Hi @BM136 

May I ask which feature and page the code you shared earlier was created for? Could you please provide the link to that page and specify the feature in question? This way, we can provide a suitable solution for you.

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.