Hi,
I’ve been trying but can’t seem to get this to work. I want to align my Collection page title left. I’ve tried codes but then it moves all the titles on every page. My site is https://luxurymrkt.com/collections/mens-footwear
please see pic below I want it aligned left like the breadcrumbs HOME/collections/
thank you Mike
@Luxurymrkt Go to Assets/Theme.css and paste below css at bottom of file.
[data-type_header_capitalize=true] .h1, [data-type_header_capitalize=true] .h2, [data-type_header_capitalize=true] .h3, [data-type_header_capitalize=true] h1, [data-type_header_capitalize=true] h2, [data-type_header_capitalize=true] h3
{
text-align: left !important;
}
I added this code it didn’t help
also I think that code will left align all my section header titles if it did work (including home page) I just want the collection header title to be left
Unfortunately this didn’t do anything 
do you have another soliton
Hello @Luxurymrkt ,
To get this desired alignment, you need to add this CSS code in your custom.css or theme.css file:
[data-type_headers_align_text=true] .section-header{
text-align: left !important;
}
It may work on the other pages as well, so if you wanna align the header is left on the collection page only then you need to add this code:-
body.template-collection [data-type_headers_align_text=true] .section-header{
text-align: left !important;
}
Let us know if you need any further information.
All the best,
CedCommerce
The top code moved all headers
the bottom code is what I want to do but it didn’t move anything unfortunately. Is there another code to make it work?
Any update for this? Thank you
Any update for this? It didn’t work thank you
Any update for this? It didn’t work thank you
@Luxurymrkt - can you please add code again?
Added again. But that code makes all sections headers left
i only want the collection header
my homepage featured collection headers need to be centered that’s why I removed the code
Possible to just target the collection header?
It changed all the header
featured collections
recommened products
rceently viewed
new arrivals
section-header–flush{
text-align:center;
section-header–flush{
margin-bottom:0;
text-align:center;
