Add text on product page with Dawn Theme

[Justin34]

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!

[AvadaCommerce · Accepted solution]

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.

[KetanKumar]

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

[Justin34]

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

Thanks 🙂

[KetanKumar]

@Justin34 

yes, please try  above my code its work as well 

[Justin34]

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!!