Additional page support

Illdy
1

Hi

I’ve added another page to my site.

How do I change the image at the top behind the “Equity Release case study: Live more comfortably” text?

2

Hello there,

I hope you are doing well today.

You can change this image by going to Appearance > Customize > Blog Options > Blog Archive Header Image and replace the image there.

Best Regards,
Support

3

Hi - thanks.

Is there a way to specify a different image for each individual page?

I.e.

4

hi there

Yes, you can use different images on the different page but you need a custom css for each page, something like this:

.page-id-75 header#header {
background-image: url(https://laterlifeborrowing.com/wp-content/uploads/2018/08/cropped-IMG_2544-1.jpg);
}

for other pages you have to change page ID of the page in the code

5

thanks

I’ve done most of that but the image URL (taken directly from the media area) is showing as red in the css and isn’t working. Please help

6

hi

url must be surrounded by quotation marks, like this:

.page-id-75 header#header {
background-image: url("https://laterlifeborrowing.com/wp-content/uploads/2018/08/cropped-IMG_2544-1.jpg");
}
7

Hi

Just tried that but having the same issue

.post-id-95 header#header {
background-image: url(“http://laterlifeborrowing.com/wp-content/uploads/2018/08/Equity-Release-Case-Study-Helping-the-kids.jpg”);
}

8

HI

this problem happens during copy/paste, please type them on the keyboard :

9

Hi

I just tried typing the whole css code out and the result was no different. Please advise

10

Hello there,

When using the CSS code, you need to change the page id to the one from the page that you want the code to affect. Also, you need to replace the image url with one of your own by looking at an image in your media library.

Best Regards,
Support

11

Hi

Yes i’ve done both those things but the image URL is still showing as red and therefore an error

12

Good evening
ok, let me do this, please use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box  

13

Thanks

Login created: https://laterlifeborrowing.com/wp-admin/?wtlwp_token=36a764616a69bf9f0d70c3918d4753b8

The pages I want to change the header images for are as follows:

Page: Equity Release Case Study: Repay interest only mortgages
Image URL: http://laterlifeborrowing.com/wp-content/uploads/2018/08/Equity-Release-Case-Study-Repay-interest-only-mortgage.jpg

Page/Post ID: 91

Page: Equity Release Case Study: Live more comfortably
Image URL:http://laterlifeborrowing.com/wp-content/uploads/2018/08/Equity-Release-Case-Study-Live-more-comfortably.jpg

Page/Post ID:75

Page: Equity Release Case Study: Home improvements
Image URL:http://laterlifeborrowing.com/wp-content/uploads/2018/08/Equity-Release-Case-Study-Home-Improvements.jpg

Page/Post ID:87

Equity Release Case Study: Helping the kids
Image URL:http://laterlifeborrowing.com/wp-content/uploads/2018/08/Equity-Release-Case-Study-Helping-the-kids.jpg

Page/Post ID: 95

14

HI

Please increase my user level to see appearance > customize

15

Done

16

HI

Css in the additional css is now fixed, now you can use that template for other pages

17

Hi

I’m not seeing any difference. The URL is still red (not working) and the header images are no different on any of the case study pages

18

HI Joe

Sorry, that’s my mistake now, this is the final code that is working:

.page-id-95 header#header {
background-image: url(“http://laterlifeborrowing.com/wp-content/uploads/2018/08/Equity-Release-Case-Study-Helping-the-kids.jpg”) !important;
}

on this page: