[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

[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

[Lawrence Knox]

I really like the theme (Meditation). There were a couple of issues to get it exactly how I wanted it, but SKT’s after service was wonderful. Tell them what you need to change, and they’ll give you the code to copy and paste. As simple as that! Thanks, everyone.

[Lawrence Knox]

Perfect. Thanks.

[Lawrence Knox]

Thanks, Chris. This has worked well on the mobile, but there is no change on tablet or desktop. Please advise.

[Lawrence Knox]

The above code(s) you have given me has changed the background to white. Thank you. That’s what I wanted.

However, they have also removed the header from some pages on mobile, e.g. https://knoxstudy.com/shortcodeourteam/ has a header on desktop but not on mobile. Please can I get these headers back?

[Lawrence Knox]

This is linked to another problem, so please ignore this post and go to the following:

https://www.sktthemes.org/forums/topic/meditation-theme-background-turns-black-on-mobile/#post-139726

[Lawrence Knox]

Thanks for that it’s much better. One last thing, though:

If you go to the homepage of www.knoxstudy.com on the iPhone, you can no longer see the burger menu. Please can we have a black strip at the top of the mobile home page (as there was before)?

[Lawrence Knox]

Hi,

The above code changes the colour of the header of the front page. That’s not what I’m asking for.

I want the background colour OF ALL PAGES to be white on mobile. They are currently white on desktop but change to black on mobile.

The home page is fine, and I’m not looking for any changes to it.

Thanks

[Author]

Posts