Product page header text not clear

That’s the site description in a white font with the breadcrumbs behind. You can hide the site description with some custom css:

.single-product .site-description {
  display:none;
}

Custom css can be entered at:
Dashboard > Appearance > Customise > Additional CSS

Lorro, many thanks for your quick reply! I have the same issue for each of my pages and blog post. Should I copy/paste the same code in the respected CSS boxes?

I didn’t notice before, you have a cache plugin running. Ensure you have emptied its cache. You may need to empty the plugin cache after any update or development.

If the problem remains, to make the css less specific, leave out the .single-product selector:

.site-description {
  display:none;
}

That should now apply on every page.

Thanks for the reply. There is one Litespeed cache running. how can I empty its cache? I applied the new css and it deleted the site description on each page including homepage. How can I keep it only for the homepage?

I can’t find a purge all button in LiteSpeed cache settings, just disable it in the plugin’s setting’s general tab temporarily and check to be able to rule out a cache issue.

To show the description on the home page, change display:yes; to display:block;

I think the title is also partially overwriting the breadcrumbs. To hide the title, use:

.site-title {
  display:none;
}

I deactivated the cache but it didn’t do anything. I am just wondering why the site title and description should show on each page in the first place? Is it a theme bug? Anyway, let me sum it up: I just want the site title and description to show only on the homepage and not on any other page. what’s the appropriate css code to achieve this? On the other note, have you had any experience applying woocommerce on free Sydney theme? Thanks in advance for all your help!

Sydney/WC works fine on my development site. The WooCommerce pages show an image at the top, with the site name, description and menu overlaid. Looks good. The shop stuff is properly under the image. No blurred text. Not at all like your site. I presumed you were trying to hide the header image and menu, but that it hadn’t quite worked. Have you put something in custom css or functions.php to hide the default header arrangement?

The only current issue I am having is that it doesn’t show the “Add to cart” for the second upsell item on the left bottom of my product page. Any clue why this is happening? I’ve put the link here again: https://photo3dprint.com/product/create-3d-printed-photos/
On the site title and description display issue, I used your css codes and it worked for product page. However, I don’t want to show them on any page except on the homepage. I didn’t quiet understand your last comments how to apply this. Do you know what’s the appropriate css code to achieve this that is to only show the site and title description on homepage and not on any other page?