Black Border Around Rich Text Block on Collection Pages

[mhalfya123]

Hey guys,

I'm trying to add a black border around a rich text block on my collection pages. 

Any help would be greatly appreciated.

Thank you.

[Moeed]

Hey @mhalfya123 

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

[Ahmad31]

From your Shopify admin, go to Online Store > Themes.

Click on Actions > Edit code for your current theme.

Locate the template or section file that contains your collection page layout. It could be in templates/collection.liquid or a section like sections/collection-template.liquid.

Modify the HTML or Liquid Code

In the relevant template or section file, find the HTML or Liquid code for the rich text block. It might look something like this:
<div class="rich-text">
{{ block.settings.content }}
</div>

• Go to Assets > theme.css (or theme.scss.liquid, depending on your theme).
• Add the following CSS at the bottom of the file:
• .rich-text {
  border: 2px solid black; 
  padding: 10px; 
  }