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

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

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

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

@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

Sorry but how do I add a unique id?

@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