how can I put both in one line? https://imanethelabel.com/products/bamboo-jersey-hijab
Topic summary
A user needed help displaying product price and tax information on the same line in their Shopify Dawn theme, as shown in an attached screenshot.
Two solutions were provided:
-
CSS injection via theme.liquid: Insert custom CSS code above the
</head>tag in the theme.liquid file to style the tax display inline with the price. -
Direct CSS modification: Add CSS code to the base.css file with specific positioning properties (
float: right,position: relative, negativetopandleftvalues) to align the tax information.
Both solutions included screenshots demonstrating the expected result. The original poster confirmed the solution worked perfectly and thanked the contributors.
Status: Resolved - the user successfully implemented one of the provided CSS solutions.
Hi @alyhz ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
1 Like
- Here is the solution for you @alyhz
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
.product__tax {
float: right !important;
top: -30px !important;
left: -150px !important;
position: relative !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
Works perfectly, thank you very much!