Single Thumbnail for Site

[Lawrence Knox]

Hi,

My header image is plain turquoise. You can see an example below:

https://knoxstudy.com/about-us/

I’m happy with this, but the problem is when I link the pages on Facebook, the thumbnail looks incredibly boring. Is there any way to set up one image that works as the thumbnail for the entire site?

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Post & Page >> Page Header Settings >> Page Header Background Image >> Select image from media folder.

Regards,
Dave

[Lawrence Knox]

Hi Dave,

I’ve done that, but to no avail. I’m still getting the plain turquoise thumbnail:

https://knoxstudy.com/ielts-speaking-private-lessons/

FYI – to solve previous problems, this is all of the CSS I’ve been told to add:

@media screen and (max-width: 29.938em) {
#skt-builder-home-section1-block-38 {background-color:#ffffff !important;}
#skt-builder-home-section2-block-167 {background-color:#222 !important;}
#sktbuilder-iconbox-block-528 {background:#ffffff !important;}
#skt-builder-home-section7-block-510 {background:#ccc !important;}
#skt-builder-home-section5-block-421 {background:#ffffff !important;}
}
@media screen and (max-width:767px) {
body {
background:#fff !important;
}
}
@media screen and (max-width:1023px) {
#simple-menu .fa-bars {
color:
#000 !important;
}
body {
background:#fff !important;
}
}
@media screen and (max-width:767px) {
.page_head_bg, .post_head_bg { min-height:100px !important;}
}
span.desc { font-size:24px; color:#fff;}
.page .menusection { background-color:rgba(163,163,163, .2) !important;}
#footer a { color:#fff;}
@media screen and (max-width:479px) {
.page_head { height:115px !important; width:100% !important;}
}
@media screen and (min-width:1024px) and (max-width:1169px) {
.page_head { height:135px !important;}
}
.page_head { height:180px !important;}

To confirm, I want a plain turquoise heading, but I want a different image for the thumbnail.

Thanks

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Lawrence Knox]

Hi Dave,

A screenshot of what? The issue is – as demonstrated above – whenever I try to link my website, the thumbnail that appears is plain turquoise. Please just scroll up to see what it looks like.

I want a thumbnail that overrides each page’s featured image. Is there any code you can give me which does that?

Thanks,

Laurie

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page .header { position:relative !important; background: #48eff4;}

and set your page’s featured image.

Regards,
Dave

[Author]

Posts