Crave theme: Same line of code added on header pages, when no code should be there

Store Design
1

Hello,

For jakeschilistarter.com, on all of the header file pages which appear for public view (example: About), Crave theme, is the code below, which should not be there:

/* center home title only */ .template-index .section-header__title { text-align: center; }

The code is usually at the bottom, but not always.

On the regular page files for edit, this code is missing.

Any suggestions?

Thanks, William

2

Hello @JCStart

You can see .template-index means it indicate the css code work for Homepage only

3

Hello @JCStart ,

We would suggest you the following solution.

You may write the CSS code without a style tag in the “sections/main-page.liquid” file.

Hence, you need to go to themes, open this file and remove this code or include it in the style tag.

Refer below images

Without style tag:

Cedcommerce_0-1657201811737.png
Cedcommerce_0-1657201811737.png300×117 21.7 KB

image.png

With style tag:

Cedcommerce_1-1657201811756.png
Cedcommerce_1-1657201811756.png300×120 22.1 KB

image.png

Hope this will resolve your issue. Please feel free to connect with us for further help.

Regards,

CedCommerce

4

Thanks Ced, in “sections/main-page.liquid”, the following code at line 30 solved the problem.

The file pages look normal now without the:

/* center home title only */ .template-index .section-header__title { text-align: center; }

on the page for public view.

Much appreciated,

JCS

/* center home title only */ .template-index .section-header__title { text-align: center; } works!