Adding text to a product page, but not the individual product pages

Hi there,

I have added text to the top of my products page with the following code from a previous post on here from @tuanphan. It's working fine, but it's also showing on each individual product page when you click through. Is there a way to have it only on the product listing page, and not on the individual product pages?

Thanks in advance!

Jess 

@tuanphan

div#categoryNav:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    margin-bottom: 20px;
}

Hi. Use this new code

.view-list div#categoryNav:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    margin-bottom: 20px;
}

Amazing thanks TuanPhan. I changed it to

 .view-list div#productList:before {

But that worked great! 

Thanks so much!

Hi @tuanphan  Thanks for your help above. The client would now like this added text to have a heading, followed by some body copy. Can you help in styling this?

Thanks in advance for your help.

Cheers,

Jess 

On 3/8/2021 at 9:16 PM, Jess-7992 said:

Hi @tuanphan  Thanks for your help above. The client would now like this added text to have a heading, followed by some body copy. Can you help in styling this?

Thanks in advance for your help.

 

Cheers,

Jess 

Hi,

You mean something like this

Quote

Title 

Description

or only Title (with heading style)?