Single Thumbnail for Site

Home Forums All Other Themes Single Thumbnail for Site

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #141733
    Lawrence Knox
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: October 5, 2019

    Hi,

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

    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

    #141824
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24798
    • Total: 24798
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #142066
    Lawrence Knox
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: October 5, 2019

    Hi Dave,

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

    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

    #142083
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24798
    • Total: 24798
    Member since: August 16, 2013

    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

    #142289
    Lawrence Knox
    Participant
    • Topics: 5
    • Replies: 9
    • Total: 14
    Member since: October 5, 2019

    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

    #142323
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24798
    • Total: 24798
    Member since: August 16, 2013

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.