Page Title Background/Font Colour Change?

Illdy
1

Hello,

I have created a page which I will detail my service. My website is at https://www.tarbatgenealogy.com.

The page I would like to know how to change the title background colour/Font to match the Front page, so my Logo is blended in okay:
https://www.tarbatgenealogy.com/family-tree-research/

Hope this makes sense!

2

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

.page-id-2143 #header .bottom-header h1 {
color: #101010;
font-family: poppins;
}

You can also change bg image fo this page:

.page-id-2143 #header {
background-image: url(https://www.tarbatgenealogy.com/wp-content/uploads/2019/06/cropped-Background05.jpg) !important;
}

p.s. you can use this code for other pages as well, all you need is to change id of tha page in the code,
.page-id-XX instead of XX here you need to use ID of the page

Thanks!
Colorlib Support Team

3

Hello and thanks.

Would the Page ID be: https://www.tarbatgenealogy.com/family-tree-research/ ?

4

GOod morning

Your page is hidden under coming soon template, however you can use this link to get ID of the page:

5

Thanks for the link. Ive added the code but nothing has changed. Ive removed the coming soon template.

6

Good evening

Ok, this is the ID of the page: 2143 so, css will look like this:

.page-id-2143 #header {
background-image: url(https://www.tarbatgenealogy.com/wp-content/uploads/2019/06/cropped-Background05.jpg) !important;
}

.page-id-2143 #header .bottom-header h1 {
color: #6b6b6b;
}

Codes are not yet added to your website

7

Thank you!

8

You are welcome :slight_smile:

let me know if you need anything else