Shopify themes, liquid, logos, and UX
Afternoon,
I'm hoping there's a way to add the text "Per Month" at the end of price of a product, which will also display throughout collections etc too.
Website: www.railtimes.live
Any help would be much appreciated.
Thanks again,
Let try to add this Custom CSS code:
.product-price-container .amount,
.product_after_title .amount {
position: relative;
}
.product-price-container .amount::after,
.product_after_title .amount::after {
content: "/month";
position: absolute;
left: 100%;
}
The result:
Hi @railtimeslive
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file
span.amount:after {
content: '/month';
}
Result
Best,
DaisyVo
Hello @railtimeslive
1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open base.css and add your CSS code at the end
.product-price-container .price ins .amount::after {
content: " Per Month";
font-size: 90%;
color: #444;
margin-left: 4px;
}
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025