Images Assigned to be Featured on Pages

Home Forums Gravida Support Images Assigned to be Featured on Pages

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #157605
    Kris Kelkar
    Participant
    • Topics: 3
    • Replies: 3
    • Total: 6
    Member since: July 18, 2020

    Hi. I have posted a reply a couple of times on the thread https://www.sktthemes.org/forums/topic/page-featured-image-stretch/#post-157462 but it keeps being rejected and never displayed. Hence, I am creating this new thread.

    My URL is http://sparkingrelationship.com

    Any pages with a featured image, the picture scales up properly up to a point, but as the browser window width exceeds a certain size, the image stretches. I think it is tied to when the navigation menu shows up at the top. http://sparkingrelationship.com/teaching/ How can I stop the image from stretching? Is there a way to have the navigation menu show up for narrower browser widths?

    Additionally, I noticed after my original post that when there is no picture featured on a page, the page shows a gray bar where the picture should be. Again, it is tied to the width of the browser window exceeding a certain size and when the menu on the top shows up. How can I stop the gray from showing up and also have the menu options show up? http://sparkingrelationship.com/privacy-policy/

    I am using a Safari browser ver 13.1.2 on an iMac running High Sierra ver 10.13.6.

    Thank you.

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

    Hi,

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

    .page_head img, .post_head img { height:auto !important;}

    Regards,
    Chris

    #157686
    Kris Kelkar
    Participant
    • Topics: 3
    • Replies: 3
    • Total: 6
    Member since: July 18, 2020

    Thank you. That worked to fix the image stretch issue.

    How can I stop the gray bar from showing up on pages without a featured image? Example – http://sparkingrelationship.com/privacy-policy/

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

    Hi,

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

    .page_head, .post_head { min-height:inherit !important;}

    Regards,
    Chris

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