Center Header on featured collection slider, stiletto theme

Shopify Discussion
1

I am trying to center the heading on the featured collection slider section available on the stiletto theme. I have tried adding custom css (justify-content: center) the section itself, and within the section liquid but have no luck.

2

Can you try adding !important to the CSS class?

e.g. - justify-content: center !important;

Also if you could provide a link to your store this may be easier for us to identify the exact section to update?

3

Try this in “Csutom CSS” setting of this section:

.collection-item__label .collection-item__title {
  justify-content: center;
}

When Shopify processes “Custom CSS” of sections it prepends the section id to each selector making these rules a) more powerful and b) apply to this section only.

Code above will need !important if used in stylesheet file or tag.