How to hide all page titles and remove header background?

[UGC]

Hi Team,

I would online like to keep the homepage exactly as it is (with the background)

But I would like to remove all page titles from other pages and make the header background transparent for all other pages.

e.g.

For this ‘About Us’ Page, I’d like to hide the page title, and make the header background transparent.

[andrii]

Hi,
Can you please add details on what theme it is?

[UGC]

Hi Andrii,

We are using the experthive theme

Thanks

[andrii]

Hi,
You can change the header background transparent in Appearance > Customize.
To hide the title, please try this CSS snippet:

.page-id-number .entry-title{
    display: none !important;
}

[UGC]

Hi, thanks for the css snippet, this works well.

In terms of the header background, I want to keep the homepage header background but remove all the other pages header background.

How would I keep the header background for the homepage only?

Thanks

[andrii]

Hi,
Please try this CSS snippet:

.content-block {
		background-color: transparent;
}

[UGC]

Hi,

I don’t think you understand me, apologies for being unclear, but I need the following:

I want the background colour here (homepage) to stay the same, only the homepage:

But I need to make the header colour transparent for all other pages:
For example,

For all the other pages, I need to remove the background header.

Please guide, thanks

[andrii]

Hi,
Please try this CSS snippet:

body:not(.home) {
		background-color: transparent;
}

[UGC]

Hi, this snippet did not work unfortunately

[andrii]

Hi,
Please try this CSS snippet:

body:not(.home) .site-header {
	background-color: transparent;
}

[UGC]

This worked perfectly, thanks so much Andrii