Hi! I’m not sure if this is possible, but I’d like to center the text “Shipping calculated at checkout.” on my product pages when being viewed on desktop. I’d like to keep it aligned to the left when being viewed on smaller screens. My theme is Stiletto by Fluorescent. Is this possible? I’ve attached an image to demonstrate the current position when viewed on desktop.
Topic summary
A store owner wants to center the “Shipping calculated at checkout” text on product pages for desktop view while keeping it left-aligned on mobile. They’re using the Stiletto theme by Fluorescent.
Solutions Proposed:
Two responders provided similar CSS-based solutions:
- Navigate to Online Store → Edit Code → theme.liquid file
- Add custom CSS code above the
</body>tag - The CSS uses media queries to center-align the shipping text on desktop screens while maintaining left alignment on smaller devices
Status: The discussion appears resolved with working code snippets provided. Both solutions target the shipping policy text specifically and apply desktop-only styling through responsive CSS. The original poster has not yet confirmed if either solution worked.
Hey @MichelleSpaTech
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @MichelleSpaTech ,
This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.
While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file
- Paste below code before :
Best regards,
Anthony