Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1409607

    Loren N
    Participant

    Hi,
    I’ve looked at several forum posts about this but haven’t found an answer.

    I’m using the under construction extension and have created a page in Cornerstone. The main content shows perfectly but the background image I added is not showing.

    This is the page
    http://www.garnertraining.co.uk

    Can you help?
    Thanks.

    #1409740

    Rupok
    Member

    Hi there,

    Thanks for writing in. It seems you have added the below code that’s causing the issue :

    .backstretch {
    	display: none;
    }

    Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

    Cheers!

    #1409743

    Loren N
    Participant

    Hi,

    I haven’t added anything yet. I only installed wordpress just this morning. And all I’ve done is install X and the under construction extension. I haven’t created anything else at all. Where is this code?

    #1409849

    Rupok
    Member

    Hi there,

    Perhaps it’s within Customizer > Custom CSS. If you can’t find, you can add this under Custom > CSS in the Customizer.

    .backstretch {
    	display: block!important;
    }

    Cheers!

    #1413540

    Loren N
    Participant

    Cool. That fixed it. Strange.

    There’s another issue with the page viewing on mobile – it doesn’t fit properly and you can’t scroll.

    #1413798

    Nabeel A
    Moderator

    Hi again,

    Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    body.page-template-template-blank-6 {
        overflow-y: auto !important;
    }
    
    @media screen and (max-width: 500px) {
    img {
        max-width: 100% !important;
    }
    }

    Let us know how this goes!

    #1416184

    Loren N
    Participant

    Ok, so that at least enabled the content to scroll but now the background image is squished to the left.

    #1416852

    Nabeel A
    Moderator

    Hi again,

    Remove this code first:

    @media screen and (max-width: 500px) {
    img {
        max-width: 100% !important;
    }
    }

    And then add the following code instead in your Customizer:

    @media screen and (max-width: 500px) {
    .page-template-template-blank-6 #x-section-1 img {
        max-width: 100% !important;
    }
    }

    Let us know how this goes!

    #1417883

    Loren N
    Participant

    Yay! That worked. Thanks.

    #1417972

    Jade
    Moderator

    You’re most welcome, Loren.