How can I center the Featured Product Heading on only the Home Page? Simple Theme

[Bevang1999]

Can't seem to find a way to center the Featured Product Heading on the home page, have tried most solutions listed here for other themes.

I am using the 'Simple' theme

Help is very much appreciated!

[SHIBdev]

@Bevang1999 share your URL site and password if its needed, and i will help you 🙂

[Bevang1999]

https://www.vapeandconz.co.nz/password

rtiest

thank you!

[SHIBdev]

add this to your css file

#featured-products {
 text-align: center;
}

[Bevang1999]

Unfortunately I have tried this, and does not work

[SHIBdev]

go to your featured-products file, then search for :

<h2 class="small--text-center">Popular Products</h2>

left it like this,

<h2 class="small">Popular Products</h2>

and then put the code i posted into your css file

[SHIBdev]

[Bevang1999]

I was unable to find anywhere in 'featured-product.liquid' or 'featured-products.liquid' that indicates popular products.

[SHIBdev]

@Bevang1999 put here code from those two file, i will edit it

[Bevang1999]

featured-product.liquid

pastebin.com/RLJLR9EW

featured-products.liquid

pastebin.com/RpaneiZQ 

[SHIBdev]

take your featured-products.liquid and go to: 

<div class="featured-products">
 
  {% if section.settings.title != blank %}
    <h2 class="small--text-center">{{ section.settings.title | escape }}</h2>
  {% endif %}

remove it, and paste that code:

<div class="featured-products">
 
  {% if section.settings.title != blank %}
    <h2 class="small">{{ section.settings.title | escape }}</h2>
  {% endif %}

then, put css code:

#featured-products {
 text-align: center;
}