Set a different Page Title in Single Product Page
-
Hi,
perhaps I have a problem like Topic #664589.
I set a default page background (see attachment) that works on all pages but it is not visible on the product page which remains empty. The header is intentionally transparent to stay above the image of each page.
I do not see in my version of basel the possibility of loading a different Pages title background for each page, as you suggested: “Navigate to Theme Settings > Single product > Choose the header from custom single product header: https://prnt.sc/Q1pIxUlxL8ty and check the issue.”
Can you suggest a solution or a css to manage the image on the product page, please?
Thanks in advance.
Alex.
Hello,
Please, send us your admin access so we can check your configuration and help you.
Kind Regards
Hi, thanks for your support.
In domainfirm.it we have a multisite installation/configuration with one domain.
We try also to use this .css, without results:
/* Header Prodotto */
body.single-product header.site-header {
background-image: url(‘https://domainfirm.it/wp-content/uploads/2025/05/brand-intelligence.jpg’);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
The superadmin credentials follow.
Tks for support.
Best.
Alex
Hi,
In your message, you reference a solution from a different topic, but it can’t be applied to the Basel theme. Based on its option name, that solution appears to belong to another theme, and the Basel theme does not include such options. Additionally, single product pages can’t contain page title sections over which a header would overlap, since in WooCommerce the product title itself acts as the page title and is displayed in the right column next to the short description.
If you have set the header color scheme to white globally across the site and want the header on single product pages to remain white text on a dark background for better readability, you should do the following:
1. Go to Theme Settings → Header → Appearance and set the desired header background color or image under the Header background option. Screenshot: https://monosnap.com/file/Q3ikIiDiRiJhEjNMLbCLRctRcrEnbv
2. Navigate to Custom CSS → Global Custom CSS and add the following code to remove the background in overlapping headers:
.basel-header-overlap .main-header {
background: transparent !important;
}
Kind Regards
Thanks a lot Bogdan!!
Fixed. Works perfectly.
Best!!!
Alex
The topic ‘Set a different Page Title in Single Product Page’ is closed to new replies.
.
