Layout of archive listing gone hay wire
This topic contains 10 replies, has 3 voices, and was last updated by tabitha@socialstreets.co 4 years, 11 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
April 3, 2020 at 2:51 pm #538294
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 loginApril 3, 2020 at 3:16 pm #538298Hi 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?
April 3, 2020 at 3:21 pm #538300Hi, 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.
April 3, 2020 at 3:32 pm #538302Hi 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?
April 3, 2020 at 3:37 pm #538305There 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?
April 3, 2020 at 3:56 pm #538308Hi tabitha,
Thanks for your reply. I’ve made further adjustments for you and could you please check?
April 3, 2020 at 4:02 pm #538309Yes, 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
April 3, 2020 at 4:42 pm #538321Hi 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.
April 3, 2020 at 6:53 pm #538347Hi 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’]April 5, 2020 at 5:24 am #538540Please check now.
That kind of pixel perfect design may require custom CSS.
April 5, 2020 at 7:45 am #538555Thank you – that looks lovely.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket