How can I align header text to the left and add a border?

Store Design
1

Hi,

im looking to align the header text Brands A-Z on the left only that header. And if possible add a 1px border like the picture

my site is https://luxurymrkt.com/pages/our-brands

4CDC14AD-A739-4CF6-B4C3-1DD6C3010714.png
4CDC14AD-A739-4CF6-B4C3-1DD6C3010714.png1536×2048 132 KB

2

@Luxurymrkt - add this css

.instant-brand-page-grid {display: block;}

[data-type_headers_align_text=true] .section-header{text-align: left; 
border-bottom: 1px solid #000;}
3

Sorry this aligns all headers on every page. I need to target just the instant brand page header

4

@Luxurymrkt - issue is that you do not have unique id for this particular page, please add unique id to it and you can use this same css with that id to get the result

5

Sorry but how do I add a unique id?

6

@Luxurymrkt - it will need code editing, you can add id=“{{page.handle}}” code to body tag, then this will add unique ids to pages

edit theme.liquid code file