Solved

Rich Text Desktop Content Position

Adhi
Shopify Partner
6 0 0

Hello, so I have been editing a website and have noticed that the rich text sections never seem to be centralised, both on desktop and especially phone screens. When I change the "Desktop Content Position" button on the editor from left, center, right, the text box does not shift at all. Admittedly, I have tinkered with the code a bit so I am not sure if I accidentally altered the function. Upon comparison with a fresh theme, I noticed that on my edited theme, the button in rich text is also a bit different, in terms of design and padding. I can't seem to find any errors in the code though; would anybody be able to help please?

My site (In development): https://shivaya-bless.myshopify.com/
The password: libahl

Thanks in advance! 

Screenshot (23).pngScreenshot (24).pngScreenshot (25).pngScreenshot (26).png

Accepted Solution (1)

AnneLuo
Shopify Partner
432 87 87

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  .isolate .rich-text__blocks { 
      max-width: unset !important;
  }
</style>
 

 

After modification:

 

AnneLuo_0-1715413158844.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

View solution in original post

Replies 7 (7)

AnneLuo
Shopify Partner
432 87 87

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  .isolate .rich-text__blocks { 
      max-width: unset !important;
  }
</style>
 

 

After modification:

 

AnneLuo_0-1715413158844.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Adhi
Shopify Partner
6 0 0

Unfortunately, I did exactly as you said and it doesn't seem to have made a difference on either the phone or desktop view on my end. I think there might be an issue with the base code for rich text? Not too sure.

AnneLuo
Shopify Partner
432 87 87

Have you added the code I provided to the theme? I don't find the code.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Adhi
Shopify Partner
6 0 0

Have applied and saved it

Screenshot (27).png

AnneLuo
Shopify Partner
432 87 87

Can you share the preview url with me? It seems that you added it to the copy theme.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Adhi
Shopify Partner
6 0 0

Oh my you've got a sharp eye; it worked when i applied it on the right theme. Sorry, I'm quite new to Shopify and coding in general so I think I got mixed up. Thanks so much for taking the time to help me out - appreciate it! Just for my own knowledge, was the purpose of this code to locate all rich text blocks and undo and max width changed that I had made previously?

AnneLuo
Shopify Partner
432 87 87

It was caused by this code. Did you add it?

AnneLuo_0-1715417676954.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee