@Emiway1 open code editor and enter code in theme.css
.product-info__price {
display: flex;
align-items: center;
}
Topic summary
A user wants to reposition GST (tax) text on their Shopify product page to appear next to the product price, with styling matching the vendor text (normal weight, low opacity).
Proposed Solution:
Multiple respondents provided nearly identical CSS code to add to the theme’s CSS file:
.product-info__price {
display: flex;
align-items: center;
}
Implementation Steps:
- Navigate to Online Store → Themes → Edit Code
- Locate theme.css or base.css file
- Add the CSS code at the end of the file and save
- Alternatively, add via Customize → Theme Settings → Custom CSS
The solution uses flexbox to align the price and tax text horizontally. However, the code provided addresses positioning only—additional styling for font weight and opacity would need to be added separately to fully match the vendor text appearance.
Status: Multiple solutions offered, awaiting user confirmation of resolution.
