Design Alignment Issues

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

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • February 9, 2016 at 5:15 am #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.

    February 9, 2016 at 5:17 am #119738

    giovanni114
    Expired Member
    Post count: 50
    This reply has been marked as private.
    February 9, 2016 at 11:54 am #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.

    February 10, 2016 at 4:20 am #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.

    February 10, 2016 at 1:26 pm #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.

    February 12, 2016 at 10:14 pm #121541

    giovanni114
    Expired Member
    Post count: 50

    Thanks Guust, it looks great.

    February 13, 2016 at 3:00 am #121619

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

  • Author
    Posts
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