Design Alignment Issues

This topic contains 6 replies, has 2 voices, and was last updated by  Guust 8 years, 9 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #119737

    giovanni114
    Expired Member
    Post count: 50

    I am noticing a number of alignment issues when I use Geodirectory with my theme (Newspaper 6)

    -On the istings page, when I select a view to have 2 columns of postings, only 1 appear. The same issue occurs on the home page popular widget
    http://www.mainstrock.com/places/business-services-1/

    On the detail paged, the “Place Tags” is not in line with “Place Category” under the main image. Also in the Bottom section of this page, the widgets are at the very edge of the screen and not prperly centered.
    http://www.mainstrock.com/places/united-states/south-carolina-1/ridgeville/business-services-1/business-success-dynamics/#post_map

    I created the “Compatibility Plugin” found in your document section however it only made the issue worse. Please advise.

    #119738

    giovanni114
    Expired Member
    Post count: 50
    This reply has been marked as private.
    #119859

    Guust
    Moderator
    Post count: 29970

    I added this to your CSS at GD > design > scripts

    .geodir_category_list_view li.gridview_onehalf {width: calc(50% - 24px);}

    This might help to assist with CSS tweaks: https://wpgeodirectory.com/docs/customizing-your-style/

    The “Place Tags” is not in line with “Place Category” under the main image on the detail page because the amount of categories and tags. If there is only one category and tag, they should be on the same line.

    There is no need for a Compatibility Plugin, just go to GD > Theme Compatibility if there is a need to make any changes.

    #120259

    giovanni114
    Expired Member
    Post count: 50

    Thank you Guust. I have noticed when the “Listing Content Section View” is “List” or “2 Column” it looks perfect, however if I go to 3 or 4 it does not function properly. This is on the List page, Search page, and “Popular” widget.

    In addition, I still see the “Bottom” section is the “Detail” page is out of line, however I do not see anything to fix it on the article you posted.

    Thank you for all of your help with this.

    #120474

    Guust
    Moderator
    Post count: 29970

    Use the CSS I posted and the CSS inspector as a guide to fix the 3 or 4 or 5 columns the same way.
    I have done the gridview_onethird so you should be able to see how it works.

    Added more CSS at GD > design > scripts to fix the bottom section on the detail page.

    The article at https://wpgeodirectory.com/docs/customizing-your-style/ gives you the principles of changing the CSS, not a solution for every possibility; that is not possible.

    #121541

    giovanni114
    Expired Member
    Post count: 50

    Thanks Guust, it looks great.

    #121619

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

Viewing 7 posts - 1 through 7 (of 7 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