Hi,
i’m looking to change the font size & align left on my collection banner only no other pages. My site is https://b32b39-5.myshopify.com/collections/all
Topic summary
A user seeks to modify the font size and left-align text specifically on their collection banner page without affecting other pages on their Shopify store.
Proposed Solutions:
Two community members offered CSS-based approaches:
-
Solution 1: Add custom CSS targeting the
h1.h1element withfont-size: 4rem !importantthrough the Theme Customizer’s Custom CSS section. -
Solution 2: Insert CSS code directly into the
theme.liquidfile before the</body>tag. This approach targets.prose:first-childand.relative .container--xselements with specific font-size, text-align, and margin properties using!importantflags.
Status: The discussion remains open with no confirmation from the original poster about which solution was implemented or whether the issue was resolved. Both solutions rely on CSS overrides but differ in implementation method and targeted selectors.
Hey @MIKESTORK ,
Please add this into the Custom CSS in the Theme Customizer → Settings
h1.h1 {
font-size: 4rem !important;
}
1 Like
Hello @MIKESTORK
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
