Center Page Titles in the Venture Theme

Solved
afterburnau
Tourist
11 2 5

Hi,

 

I am trying to get my page title to align in the center here https://after-burn.com/pages/become-a-after-burn-seller. I looked within the code page.liquid and cant figure out how to do this as it says center. 

 

<div class="page-width">
<h1 class="small--text-center">{{ page.title }}</h1>
<div class="content-block">
<div class="rte rte--indented-images">
{{ page.content }}
</div>
</div>

{% section 'featured-products-subsection' %}
</div>

 

Please help as the other form post does not resolve the issue

 

 

0 Likes
Vellir
Shopify Partner
132 29 33

This is an accepted solution.

Hi afterburnau,

 

Try changing this line:

<h1 class="small--text-center">{{ page.title }}</h1>

 

to this:

<h1 class="small--text-center" style="text-align: center;">{{ page.title }}</h1>

 

Let me know how that goes.

- Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
- Let customers preview your products and easily add them to cart with Peek Mode
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
- Manage your new arrivals with Newr
afterburnau
Tourist
11 2 5

Hi,

 

Thank you that worked perfectly !

 

 

0 Likes
Vellir
Shopify Partner
132 29 33

No worries, mate! :)

 

 

- Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
- Let customers preview your products and easily add them to cart with Peek Mode
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
- Manage your new arrivals with Newr
0 Likes
mejocale
New Member
1 0 0

Hi,

Could you please let me know how to do this on bundle theme.

0 Likes
mikshaq
New Member
2 0 1

All my page titles are centered after doing this, however, my contact us form title is still in its original location (not centered as I want it). Do you have any suggestions on what to do?

0 Likes
afterburnau
Tourist
11 2 5

Hi Milkshaq,

This is due to the Contact Us page using a different template. You just need to edit code and navigate to the templates tab and look for 'page.contact.liquid' and make the same changes here.

0 Likes
mikshaq
New Member
2 0 1
worked, I appreciate the quick response