Slider image not on page

Home Support Super Construction Plus Slider image not on page

This topic contains 8 replies, has 3 voices, and was last updated by  jc_anchor555 1 year, 8 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15837

    Hubert
    Participant

    Hi,
    The slider image also appears on top of the page when you follow the “read more”
    How not to show the image on the page while the slider image remains?

    #15931

    Hi Hubert,

    Hope you are doing good!

    Could you please share with us your website here or send us the email on wpsupport@prodesigns.com so we can check the issue and can provide you an effective solution.

    Have a great day ahead!

    Thanks and Regards,
    Team ProDesigns

    #16045

    Hubert
    Participant

    Solved by mail.
    Thanks.

    Hubert

    #16911

    jc_anchor555
    Participant

    Could you please share with us your website here or send us the email on wpsupport@prodesigns.com so we can check the issue and can provide you an effective solution.

    I have the same question and would like the answer you gave to Hubert. I bought a license to this template and will send the email. Thanks.

    • This reply was modified 1 year, 8 months ago by  jc_anchor555.
    #16914

    jc_anchor555
    Participant

    I found a tutorial with the answer to remove featured images on the page after selecting “Read more.” Add this snippet of css in Appearance > Customize > Additional CSS

    .size-full .wp-post-image, .hide {
        display: none !important;
    }

    Be aware that this removes all featured images from all pages. You can still insert images as needed for each page in the page editor.

    “.size-full” is only used on article featured images so it leaves all the other post images alone.

    I added the “.hide” class so that I can hide the first paragraph for each page and use it only for the featured slider caption like this:

    WP Page Caption only:

    <p class="hide">The page caption will display in slider but not the page itself!</p>

    Gives you the flexibility to control the content more easily in the slider and the page.

    #16915

    jc_anchor555
    Participant

    One mistake in the CSS code above. Remove the space between .size-full .wp-post-image. Corrected code:

    .size-full.wp-post-image, .hide {
        display: none !important;
    }
    #16917

    jc_anchor555
    Participant

    Upon further examination, I discovered that team members and clients also use the CSS combination in CSS above so I added one more style to the code to avoid hiding any other images. This hides featured images on pages and featured captions that are not intended to be part of page content.

    .featured-thumb .size-full.wp-post-image, .hide {
        display: none !important;
    }

    Important to follow exact spacing with the classes.

    #16934

    Hello There!

    Hope you are doing good!

    If you are still facing the issue then please provide us your website URL here or on wpsupport@prodesigns.com as it will help us the check the issue in detail and we can provide you an effective solution.

    Have a great weekend ahead!

    Regards,
    Team ProDesigns

    #16937

    jc_anchor555
    Participant

    Solved with the CSS and method I described above.

    Thanks!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.