Re: Black Border Around Rich Text Block on Collection Pages

Black Border Around Rich Text Block on Collection Pages

mhalfya123
Visitor
1 0 0

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.

Replies 2 (2)

Moeed
Shopify Partner
5819 1581 1880

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Ahmad31
Excursionist
33 3 0

 

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; 
    }

 

 

Ahmad Mahmood
Shopify Developer

 Email: [[email protected]]
 WhatsApp: [+92306-4723617]

Helping businesses grow through Shopify solutions. Feel free to ask me about theme customization or store optimization!