GD Archive Item Customization

This topic contains 3 replies, has 2 voices, and was last updated by  Kor 5 years, 2 months ago.

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

Open Support Ticket
  • Author
    Posts
  • January 13, 2020 at 4:26 pm #525382

    Chris
    Expired Member
    Post count: 6

    I have been searching for an answer to this, and this one thing, I cannot seem to figure out. I get that the Image size is governed by the WP Template. I created a custom size that does show up in the GD>Post Image Widget options. Great. I was also able to get the Item to look like I want.
    See Image 1
    I was able to do this by adding some css:

    .gd_place .geodir-image-container .geodir-image-wrapper ul.geodir-images {
    margin: -70px 0 -70px !important;
    }

    I’m not even sure if this is correct, it just worked to achieve the look i’m after.

    The problem I am having is that the Post link is not clickable because the Image Wrapper/Container, not the image is covering it.
    See Image-2
    Is it the image container or wrapper that is causing this to not conform to the image height? Because of the css maneuver I had to deploy to get the look right, links are not clickable and its no longer responsive.

    I have tried every way I can think of to change the image wrapper and/or image container. Essentially I need the height and width of the container to be responsive not just the width. Is there a way?

    January 13, 2020 at 5:07 pm #525395

    Kor
    Moderator
    Post count: 16516

    Hi Chris,

    Thanks for your post. Kindly share your Website URL here in question and I’ll check this out for you asap!

    January 13, 2020 at 5:11 pm #525398

    Chris
    Expired Member
    Post count: 6
    This reply has been marked as private.
    January 14, 2020 at 2:07 pm #525550

    Kor
    Moderator
    Post count: 16516

    Hi Chris,

    Thanks for your patience. Kindly remove your previous custom CSS code and replace it with this one below. Let us know how it goes. 

    .geodir-image-container.gd-image-cover-n ul.geodir-images li img {
   margin:0px!important;
}

.geodir-image-container ul.geodir-images li, .geodir-image-container ul.geodir-images li img {
    height:30vh !important;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount