How to change size of rich text section

I want to change the Rich Text box adjust to a small border around the text only on one page. It is just too big on this page. I would like to enter the code in the CSS box at the bottom of the section that will just have a small border around whatever text is entered

Thank yyou!

Hey @Donna_BW

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hi @Donna_BW

Can you share store URL?

Hello @Donna_BW

1 Go to Shopify Admin > Online Store > Customize.

2 Navigate to the specific page where you want this change.

3 Click on the Rich Text section.

4 Scroll to the bottom and find the Custom CSS box.

5 Paste the code above.

6 Click Save and refresh the page to check the update.

.custom-rich-text {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
  max-width: fit-content;
}

Thank you :blush:

Hi there.

I copied that code into the css section, saved it, but there was no change. Could it be the theme I am using??

Thx

Hey @Donna_BW

Apply CSS to the Correct Class
Try this updated code in the Custom CSS box:

.rich-text__wrapper {
    display: inline-block !important;
    border: 1px solid #000 !important; /* Black border */
    padding: 10px !important;
    max-width: max-content !important;
    background: transparent !important;
}

If It’s Still Not Working
Try adding this instead:

.rich-text {
    display: inline-block !important;
    border: 1px solid #000 !important;
    padding: 10px !important;
    max-width: max-content !important;
}

Thank you :blush:

Thank you, but I’m afraid that did not work either. No worries. It is what it is.

Have a nice weekend.