How to add text to a product page

Site URL: https://theurbanprofit.com/merch

Hello All, I am looking for a way to add text to my product page https://theurbanprofit.com/merch.

I would like to have shipping, return, and etc. verbiage featured. I've tried a few code snippets from previous posts. But unsuccessful so far.  

Add text under header?

Hi tuanphan,

I can see you've been really helpful in this area on other forums, I am looking to do the same thing for my site - www.wordsfor.today

I have attached screenshots of where I would ideally like custom text to go on both pages (red box).

I am assuming it is a code via the Store Settings > Advanced > Page Header Code Injection?

Thank you in advance!

Bianca

On 1/3/2021 at 8:38 AM, Bianca2020 said:

Hi tuanphan,

I can see you've been really helpful in this area on other forums, I am looking to do the same thing for my site - www.wordsfor.today

I have attached screenshots of where I would ideally like custom text to go on both pages (red box).

I am assuming it is a code via the Store Settings > Advanced > Page Header Code Injection?

Thank you in advance!

Bianca

 

Add to Home > Design > custom CSS

div.ProductList-grid:before {
    content: "tuan tuan tuan tuan";
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

Thank you so much Tuan!

I was just hoping to have custom text for each of the pages... Because they're different offerings.

Also, was hoping to make the text my 'Normal' text style...

Take @tuanphan's code and wrap it in a style tag and put in Store Settings > Advanced > Page Header Code Injection for each store page where you want to apply the effect.

<style>

  div.ProductList-grid:before {
  
    content: "tuan tuan tuan tuan";
    display: block;
    text-align: center;
    margin-bottom: 20px;
    
    }
    
  .product-price:after {
  
    content: 'includes shipping and handling';
    display: block;
    
    }
    
  </style>

Be sure to remove the CSS from Design > Custom CSS.

To help you with the font we'd need more info about it.

Let us know how it goes.

Wonderful! That worked perfectly. Thank you so much for your help!

Really appreciate it. 

Also, not to be a pest! But is there any way of including another text line here (red line)?

I'd like it to say 'includes shipping and handling' up front...

43 minutes ago, Bianca2020 said:

But is there any way of including another text line here (red line)?

I'd like it to say 'includes shipping and handling' up front...

I updated my previous code post.