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

Store Design
1

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!

Capture.PNG
Capture.PNG994×439 52.1 KB

2

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

3

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

rtiest

thank you!

4

add this to your css file

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

Unfortunately I have tried this, and does not work

6

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

## Popular Products

left it like this,

## Popular Products

and then put the code i posted into your css file

7

1.jpg
1.jpg1914×896 83.1 KB

8

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

9

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

10

featured-product.liquid

pastebin.com/RLJLR9EW

featured-products.liquid

pastebin.com/RpaneiZQ

11

take your featured-products.liquid and go to:


 
  {% if section.settings.title != blank %}
    ## {{ section.settings.title | escape }}
  {% endif %}

remove it, and paste that code:


 
  {% if section.settings.title != blank %}
    ## {{ section.settings.title | escape }}
  {% endif %}

then, put css code:

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