Center Page Titels [Venture Theme}

[OLIVERD]

Hi Guys, its me again. 

Question, how do I center the page titels?

For example on this page: www.derrins.com/collections/sale

I want the <h1> titel to be in the center of the page instead of on the far left. 

I tried adding the following code to my theme.css, but that did not work:

#page h1{ text-align:center } /* change the page titles to be be centered */

Thanks in advance everyone!

Cheers! 

[Jasoliya · Accepted solution]

Hi,

In your page there are extra black div generated that's why title can not centralize using right way, you have to remove grid__item medium-up--one-half medium-up--text-right section-header__item this div from page as it black, you can find this in section->collections-template.liquid file.

then ad this css in theme.scss

.section-header__item{width:100%;text-align:center;}

Note: i think for that you need code knowledge if you cant text me on Skype i will do 

[OLIVERD]

Thanks @Jasoliya! I found everything and adjusted the things as well. It did change something, but not how I want it to. (See screenshot)

It is not totally centered. What can I do?

thanks!

[Jasoliya]

That's because of you have not removed blank "grid__item medium-up--one-half medium-up--text-right section-header__item" div from page that take 50% width that's why you are not totally centered title .

[OLIVERD]

Thanks! Is did do that, but I only deleted the sentence and not with al de div.'s and stuff. Now it worked! Thanks!!

[Menslifeztyle]

I'm trying to fix this aswell, however I do not have a collections-template.liquid
I got list-collections-template.liquid but that snippet of code does not exist in the text.

[Jasoliya]

send me your store url and what do you want ?