reduce featured image height on pages

This topic contains 8 replies, has 2 voices, and was last updated by  Leigh 5 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • April 12, 2019 at 3:52 am #480237

    Leigh
    Expired Member
    Post count: 105

    Hi,
    is there a script to reduce featured image height on pages without reducing image height on listings?
    Thanks heaps

    April 12, 2019 at 6:48 am #480244

    Kor
    Moderator
    Post count: 16516

    Hi Leigh,

    Thanks for your post. This could be done using custom CSS. Do you have a link to share?

    April 16, 2019 at 5:07 am #481007

    Leigh
    Expired Member
    Post count: 105
    This reply has been marked as private.
    April 16, 2019 at 8:49 am #481033

    Kor
    Moderator
    Post count: 16516

    Hi Leigh,

    Thanks for your reply. You can use the custom CSS code below to reduce the height. Feel free to adjust the numbers to your liking. 

    .sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
    height: 40vh!important;
}
    April 29, 2019 at 3:54 am #483358

    Leigh
    Expired Member
    Post count: 105

    Hi @kor
    you’re a saint, thanks for your reply and apologies I’ve taken so long to respond.
    I added your code to GD>Design>Script but it didn’t change anything, then I added to individual page Customise>CSS which I think is what you intended? But it hasn’t changed. i adjusted to 20 and it didn’t change too. Attached screen shot of ‘Why’ page.
    No doubt the issue is with my input 😛 – where am I going wrong?
    kindest regards, Leigh

    April 29, 2019 at 7:53 am #483381

    Kor
    Moderator
    Post count: 16516

    Hi Leigh,

    Try using the custom CSS code below and see if it works. Also double check and see if it affects other pages. 

    .sd.page .featured-area {
    min-height: 150px;
}
    April 30, 2019 at 3:29 am #483611

    Leigh
    Expired Member
    Post count: 105

    @kor – awesome it works on pages but not listings – Yay! That’s what I needed thank you!
    – Just doesn’t work on ‘Articles’ page though… even though script shows up in customise>additional CSS. Articles page is a blog posts page…https://aussieprojects.com/articles/

    April 30, 2019 at 5:13 am #483617

    Kor
    Moderator
    Post count: 16516

    Hi Leigh,

    Thanks for your reply. Try this one below. 

    .geodir_custom_posts .featured-area {
    min-height: 150px;
}
    April 30, 2019 at 7:33 am #483630

    Leigh
    Expired Member
    Post count: 105

    Thanks heaps @kor.
    that code changed the page header for posts page but also subsequent blog posts
    It’s just the page ‘articles’ that I needed to reduce, not all posts.
    However, I can leave it like this as looks ok.
    Thanks 🙂
    Leigh

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket