Hello I want to put my price more bold please !
https://www.five-pocket.com/products/pro-club-heavy-weight-t-shirt-white
I also want to center align size and quantity on computer because it look already good on mobile look at the picture
Topic summary
A user seeks to make product prices appear bolder on their Shopify store using the Taste theme, and wants to center-align size and quantity selectors on desktop.
Solutions Provided:
Multiple respondents offered CSS code solutions:
-
For bold pricing: Add custom CSS targeting
.price-item.price-item--regularwithfont-weight: bold;to the themeās stylesheet (styles.css or base.css) -
For centering size/quantity fields: Add
margin: auto;to.product-form__input.product-form__quantityand.product-form__input.js.fieldsetselectors
Implementation steps:
- Navigate to Online Store > Themes > Actions > Edit Code in Shopify admin
- Locate the appropriate CSS file (styles.css or base.css in Assets folder)
- Paste the provided CSS code at the bottom of the file
- Save changes
Screenshots were shared showing the expected visual results after applying these modifications.
1 Like
Hello @imazele
Its Artzen Technologies! We will be happy to help you today.
look like this
Let me know if need further assistance
Regards,
Artzen Technologies
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > styles.css and paste this at the bottom of the file:
.price-item.price-item--regular {
font-weight: bold;
}
Hi @imazele ,
Try this.
- From your Shopify admin dashboard, click on āOnline Storeā and then āThemesā.
- Find the theme that you want to edit and click on āActionsā and then āEdit codeā.
- In the āAssetsā folder, click on ābase.cssā file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
.price__regular {
font-weight: bold;
}
.product-form__input.product-form__quantity {
margin: auto;
}
fieldset.js.product-form__input {
margin: auto;
}
Result:
I hope it help.