GD Archive displays gd_loop_layout grid wrong

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

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

Open Support Ticket
  • Author
    Posts
  • #519725

    Rob Jackson
    Lifetime Member
    Post count: 35

    My GD Archive page is not showing the correct number of columns in the grid for gd_loop_layout. It’s incorrectly offset by -1 so [gd_loop layout=”4″] displays 3 columns for example.

    You can see the error in the attached screenshot.

    You can also see that the 2nd row (and beyond) are oddly indented which throws off the alignment of all the photos and text in the grid layout.

    I posted about this here already but decided to make a separate thread for clarity and for others with the same problem. Feel free to use the wp-admin and FTP info I posted there in the private reply.

    #519730

    Kor
    Moderator
    Post count: 16516

    Hi Rob Jackson,

    Thanks for your post. This can be fixed using custom CSS. Could you share the URL of the page in question here so that I could check on it?

    #519736

    Rob Jackson
    Lifetime Member
    Post count: 35
    #519917

    Rob Jackson
    Lifetime Member
    Post count: 35

    Any luck with this?

    I’ve been plugging away and can’t figure it out. Seems like a GeoDirectory issue or bug and not something theme related. Any help would be much appreciated!

    #519966

    Kor
    Moderator
    Post count: 16516

    Hi Rob,

    Thanks for your reply and I apologize for the delay in response. You can try using the custom CSS code below to fix it. Insert into WP > Appearance > Customize > Additional CSS.

    body ul.geodir-category-list-view.geodir-gridview.gridview_onefourth>li {
        width: 22%;
    }
    #519970

    Rob Jackson
    Lifetime Member
    Post count: 35

    Oddly enough, I don’t have that option… there is no “Additional CSS” area in WP > Appearance > Customize.

    I did find settings for this specific theme that allowed me to add Custom CSS so I copied there and it worked like a charm. Thanks so much!

    Any chance you can explain how/why that is needed (for educational purposes and all that)?

    Thanks again!

    #519972

    Rob Jackson
    Lifetime Member
    Post count: 35

    Actually… it looks like:

    Grid 2
    Grid 3
    Grid 5

    Still suffer from the same problem…

    #519990

    Rob Jackson
    Lifetime Member
    Post count: 35

    Trying to change the font-size of Archive Items in the loop, for example, has got me completely stumped.

    Entered this (and a billion other combos) into the Extra CSS:

    h3 .geodir-entry-title {
      font-size: 100px;
    }

    If I change it to only h3:

    h3 {
      font-size: 100px;
    }

    It increases the size of H3 elements elsewhere on the site to 100px but doesn’t adjust the place titles in the loop on that page.

    Steep learning curve for me…

    #520154

    Kor
    Moderator
    Post count: 16516

    Hi Rob Jackson,

    Thanks for your reply. Could you please share your Website WP admin access here in a private reply? I’d like to check your Website backend.

    Thanks!

    #520155

    Rob Jackson
    Lifetime Member
    Post count: 35
    This reply has been marked as private.
    #520225

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #520276

    Rob Jackson
    Lifetime Member
    Post count: 35
    This reply has been marked as private.
    #520388

    Kor
    Moderator
    Post count: 16516

    Hi Rob,

    Thanks for your reply. I see that you’ve removed the grid dropdown. Do you still need to fix the other grid layouts? Also, I see that you had this custom CSS code that adjusts the size of the titles and you can just increase the values.

    body ul.geodir-category-list-view li h3 {
        font-size: 20px;
    }
Viewing 13 posts - 1 through 13 (of 13 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