Impulse Theme Section Header Title Align Left

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 - add this css

.section-header__title{text-align: left;}

@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

https://luxurymrkt.com/collections/mens-accessories-1

Unfortunately this didn’t do anything :disappointed_face:

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;