Layout of archive listing gone hay wire

This topic contains 10 replies, has 3 voices, and was last updated by  tabitha@socialstreets.co 9 months, 3 weeks ago.

  • Author
    Posts
  • #538294

    tabitha@socialstreets.co
    Full Member
    Post count: 82

    I’m really not sure what I’ve done (maybe go from classic edit to blocks) but my listing page layout (GD Archive Item page) has gone hay wire.

    https://romanroadlondon.com/place/

    I copied and pasted the default content from GD > Settings > General > Pages but it’s still out of kilter.

    Seems to be a layout thing – all the Facebook icons set diagonally ….

    Sorry to be a pain
    Thanks
    PS Can’t see Private message setting to share editor login

    #538298

    Kor
    Moderator
    Post count: 16516

    Hi tabitha,

    Thanks for your post. I don’t see any FB icons on this page. https://romanroadlondon.com/place/ . Could you highlight it using a screenshot and tell us a little bit more about what you’re trying to achieve there?

    #538300

    tabitha@socialstreets.co
    Full Member
    Post count: 82

    Hi, here is screenshot – it was on page 2. Sorry, next time will send you correct URL!

    https://romanroadlondon.com/place/page/2/

    So suddently there is this huge blank space between the image and the review stars. It used to be all neat and close together. I can’t see what I did to cause this.

    On the listing for Snap Store you can see the social icons are displaying vertically downwards.

    #538302

    Kor
    Moderator
    Post count: 16516

    Hi tabitha,

    Thanks for your reply. I’ve logged in and adjusted the “white space” between those icons. It should look fine now and could you please check?

    #538305

    tabitha@socialstreets.co
    Full Member
    Post count: 82

    There is still a huge gap between item image and the review stars of the item details – about an inch of screen. See screengrab.

    How can I revert to the original layout that came with the plugin? It has been perfect for weeks and can’t for the life of me think what caused this. I was trying to remove the shortcode for review comments and the New badge, but that shouldn’t leave a gap should it?

    #538308

    Kor
    Moderator
    Post count: 16516

    Hi tabitha,

    Thanks for your reply. I’ve made further adjustments for you and could you please check?

    #538309

    tabitha@socialstreets.co
    Full Member
    Post count: 82

    Yes, that’s better now. Please could you let me know where you’ve made adjustments – I want to make sure I don’t undo them by mistake!

    Thanks

    #538321

    Kor
    Moderator
    Post count: 16516

    Hi tabitha,

    Thanks for your reply. If you inspect your GD Details Template, you’ll see that I’ve converted the contents into a shortcode module. Then, I put all your GD shortcodes in it. Doing this will remove all white space from the shortcode output.

    #538347

    tabitha@socialstreets.co
    Full Member
    Post count: 82

    Hi Kor

    I’m still struggling to master the layout on Archive Item.

    Please see Snap Store on https://romanroadlondon.com/place/

    I would like the Fave icon and Review stars to appear on one line, with Review stars on left and Face icon on right. At the moment they are on different lines even though I have them next to each in the short code with left and right align.

    And the social media badges are centred even though the shortcode says align left.

    What do I do to make these changes? Here’s my shortcode:

    [gd_archive_item_section type=’open’ position=’left’]
    [gd_post_badge key=’featured’ condition=’is_not_empty’ badge=’FEATURED’ bg_color=’#fd4700′ txt_color=’#ffffff’ css_class=’gd-ab-top-left-angle gd-badge-shadow’]
    [gd_post_images type=’image’ ajax_load=’true’ link_to=’post’ types=’logo,post_images’]
    [gd_archive_item_section type=’close’ position=’left’][gd_archive_item_section type=’open’ position=’right’]
    [gd_post_title tag=’h2′]
    [gd_post_badge key=’post_date’ condition=’is_less_than’ search=’+30′ icon_class=’fas fa-certificate’ badge=’New’ bg_color=’#ff0000′ txt_color=’#ffffff’ alignment=’left’]
    [gd_post_badge key=’featured’ condition=’is_not_empty’ icon_class=’fas fa-certificate’ badge=’Featured’ bg_color=’#ffb100′ txt_color=’#ffffff’ alignment=’left’]
    [gd_post_badge key=’claimed’ condition=’is_not_empty’ search=’+30′ icon_class=’fas fa-user-check fa-fw’ badge=’Verified’ bg_color=’#23c526′ txt_color=’#ffffff’ alignment=’left’ list_hide_secondary=’3′]
    [gd_post_rating show=”stars” alignment=’left’ list_hide_secondary=’2′]
    [gd_post_fav show=” alignment=’right’ list_hide_secondary=’2′]
    [gd_post_badge key=’facebook’ condition=’is_not_empty’ icon_class=’fab fa-facebook-f fa-fw’ link=’%%input%%’ new_window=’1′ bg_color=’#2b4be8′ txt_color=’#ffffff’ alignment=’left’]
    [gd_post_badge key=’twitter’ condition=’is_not_empty’ icon_class=’fab fa-twitter fa-fw’ link=’%%input%%’ new_window=’1′ bg_color=’#2bb8e8′ txt_color=’#ffffff’ alignment=’left’]
    [gd_post_badge key=’instagram’ condition=’is_not_empty’ icon_class=’fab fa-instagram fa-fw’ link=’%%input%%’ new_window=’1′ bg_color=’#C13584′ txt_color=’#ffffff’ alignment=’left’]
    [gd_post_badge key=’website’ condition=’is_not_empty’ icon_class=’fas fa-link fa-fw’ link=’%%input%%’ new_window=’1′ bg_color=’#85a9b5′ txt_color=’#ffffff’ alignment=’left’][gd_author_actions author_page_only=’1′]
    [gd_post_distance]
    [gd_post_meta key=’business_hours’ location=’listing’ list_hide_secondary=’2′]
    [gd_output_location location=’listing’]
    [gd_post_content key=’post_content’ limit=’30’ max_height=’60’]
    [gd_archive_item_section type=’close’ position=’right’]

    #538540

    Alex Rollin
    Moderator
    Post count: 27815

    Please check now.

    That kind of pixel perfect design may require custom CSS.

    https://wpgeodirectory.com/docs/customizing-your-style/

    #538555

    tabitha@socialstreets.co
    Full Member
    Post count: 82

    Thank you – that looks lovely.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Layout of archive listing gone hay wire’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.