How do I add text under product price in Dawn Theme?

Store Design
1

Hi all,

Me again lol. Anyone know how to add text under the product price using the Dawn Theme? I would like to include “SHIPS FOR FREE” under the price of all my products.

Website is www.PennsylvaniaParks.org

Thanks!

1 Like
2

Hi @Justin34 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.card-information .price {
	 position: relative;
}
 .card-information .price:after {
	 content: 'SHIPS FOR FREE';
	 display: block;
	 font-size: 12px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

@Justin34

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.price {
    position: relative;
}
.price::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "SHIPS FOR FREE";
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    top: 5px;
}
2 Likes
4

Thanks!! That worked perfectly. Is it possible to add that on each individual product page too? Like right under the price?

Thanks :slightly_smiling_face:

1 Like
5

@Justin34

yes, please try above my code its work as well

1 Like
6

Its almost perfect… when you click on the product, and go to the product page itself, is there anyway to move the “ships for free” text to under the price? currently its on the right hand side of the price instead of under it. Thanks so much!!

1 Like
7

Same problem.

Does anyone know how to move the text under the price ?

1 Like
8

@Designshop

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.