How to make this text bigger like this sample website
https://a irb ack. store
https://inte rvie.myshopify.com/ this is my store in this i need the text bigger like sample
password / ahrahb
Topic summary
A Shopify store owner wants to increase the font size of text in their slider to match a reference website’s styling.
Solutions Provided:
Two support representatives (PageFly-Henry and websensepro) offered CSS code solutions:
- Navigate to Online Store → Theme → Edit Code
- Locate either theme.css or base.css file
- Add custom CSS targeting specific heading IDs (h3 and h4 elements)
- Recommended font sizes: 100px and 70px with adjusted font-weight
Follow-up Request:
The original poster confirmed the font size solution worked and requested additional help:
- How to vertically reposition the text lower on the slider
- How to adjust an image to align with the slider (matching their reference example)
PageFly-Henry began providing CSS code for the text positioning adjustment. The discussion remains ongoing with the positioning issue being addressed.
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
h3#b_1585640447349 {
font-size: 100px !important;
}
h4#b_1585640474337 {
font-size: 70px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
Hi, @learningdesign .
Follow These steps,
Go to the online store theme and go to base.css file paste the code mentiond below.
h4#b_1585640474337 {
font-size: 70px;
font-weight: 300;
}
h3#b_1585640447349 {
font-size: 100px;
font-weight: 600;
}
Result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Yes it worked can you now please tell me how to make the text little down on slider
and how to close this image with the slider just like in sample
1 Like
.nt_se_aa0f57ab-1b39-434a-8ef8-c8b783eb1861.nt_full.txt_shadow_false.se_height_adapt.nt_first {
margin: 0 !important;
}
YOu can try with this code