Adding "Per Month" at the end of price

[railtimeslive]

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,

[BiDeal-Discount]

Hi @railtimeslive

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:

[DaisyVo]

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

[devcoders]

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;
}