Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Featured Posts Widget to display horizontally?
- This topic has 8 replies, 4 voices, and was last updated 10 years, 10 months ago by jasondavis.
-
AuthorPosts
-
November 13, 2013 at 10:09 am #72715CreativeKristiMember
I'm trying out the Executive Pro theme on a site and instead of featured pages I am trying to use the Genesis Featured Posts widget and show 3 across. When I put 3 in the 'number of posts to show' they display stacked vertically. When I use a featured posts widget and put 1 in the number of posts to show then use ANOTHER featured posts widget set at 1 they display horizontally.
There has got to be a way to show featured posts horizontally with one widget instead of using one featured posts widget per post!! Anyone know the trick? It's not the margins, they are all set to float correctly, etc.
Thanks in advance!
I work at Creative Kristi Designs
I play at Creative Kristi
Affordable. Beautiful. Personal. Custom. Design for everyone.November 14, 2013 at 11:05 pm #73093Brad DaltonParticipantYou'll need to use 3 featured posts widgets or modify the CSS code.
November 16, 2013 at 8:05 pm #73494CreativeKristiMemberBrad,
Yes I know. I was asking how to do that. What is the code that I need to modify. I've tried different floats and margins and padding to that widget area and nothing changes them stacking vertically and not just going horizontally.Thanks!
I work at Creative Kristi Designs
I play at Creative Kristi
Affordable. Beautiful. Personal. Custom. Design for everyone.November 17, 2013 at 5:53 pm #73852Ksunw148MemberI was looking to figure this out too. I was just doing this last night and came up with the same problem. ANYONE know HOW to do it rather than telling what we need? New to Genesis and some directions (step by step) would help and be much appreciated.
December 16, 2013 at 6:38 pm #79593jasondavisMemberThis is my number one "want-to-know" in Genesis right now. I need to know how to display Genesis Featured Posts in a horizontal grid much like the one I built with Catalyst Excerpts Widget on this page.
Has anyone had success doing this? I can't for the life of me understand why they wouldn't have designed the plugin to have the option to display vertically or horizontally from the get-go.
Thank you to any experts who can figure this out!
December 16, 2013 at 9:10 pm #79636Brad DaltonParticipantThis is how i did this using the Magazine Pro theme http://wpsites.net/web-design/display-featured-posts-from-multiple-categories-inline-using-one-widget/
This solution has been tested and works on that theme however may not work on every other theme or when using a plugin for custom coding.
December 17, 2013 at 5:06 pm #79826jasondavisMemberThanks for the help. Unfortunately I can't get them to appear side-by-side in the Dynamik Website Builder child theme. Perhaps when the site is live I'll set up a test page and post the link so some folks with more knowledge that I can help troubleshoot if they are feeling generous.
- Jason
December 17, 2013 at 8:41 pm #79849Brad DaltonParticipantYou would need to ask Cobalt Apps because its a different child theme setup.
December 21, 2013 at 11:59 am #80640jasondavisMemberSUCCESS - Sridhar Katakam magically solved my problem of not being able to display Genesis Featured Posts in a grid horizontally across the page.
It was as easy as adding this CSS:
#featuredpoststest .entry {
display: inline-block;
width: 150px;
overflow: hidden;
vertical-align: top;
padding: 2rem;
min-height: 250px;
}Of course if you are attempting to do the same you'll need to change the name from #featuredpoststest to whatever yours is called on your site.
Using the Dynamik Website Builder theme I created a custom conditional and widget area called "featuredpoststest" that allowed my page to display a widget area where I could place the Genesis Featured Posts.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.