Now I'm looking to get some of the space between entries reduced. I checked into the margin and padding options for each object, but I do not have them enabled. Is there a way to reduce the space in the areas of the attached pictures?
Let me know what I need to make this happen. Thanks in advance!
So I'd rather not give out admin privileges if I don't have to. I linked the thread where the form was created. It's a many to many relationship between two post types, linked with a custom field. Custom search is using the relationship to pull information from. I have it showing in a grid with 3 separate Single Field values, a Title, hyperlink, and the relationship custom field. Should be 1 line of text for the most part, but it's got enough space for 3.
Is there anything else I can provide you barring giving out admin credentials?
I understand if you'd prefer not to share the temporary admin access details.
Can you instead just share the link to the front-end page where this grid with the extra space can be seen? I'll try to look into the front-end page's markup and styles to suggest some changes.
However, you might not be able to see it because my site is in maintenance mode while it gets built. If you have a time that you would dedicate to view it, I can take it out of maintenance so that you can view what you need to view. Let me know what you think.
I've checked the page's styles and noticed that the theme adds 30px top and bottom margins to the 'hr' or the separator tags. These margins are causing the extra vertical spacing between each search result item.
You can use some custom CSS code to override and reduce these margins:
Feel free to adjust the values in this code as needed and you can include this CSS code to work across the website, by adding it at WP Admin -> Appearance -> Customize -> Additional CSS.
So using 0px for top and bottom definitely seemed to make it look better for desktop. It collapsed the mobile view some, but I'd still like a little less space between objects. I attached before and after pics. seems like there's a little more space I could recover. Any ideas?
Without seeing the page it would be difficult to comment.
However, please make sure that you've added this new CSS code snippet below the previous one and you can even use the negative margin values (e.g. -5px, -10px etc ), to further reduce the space.
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.