[Resolved] Can I create a featured post grid layout?

Home Forums Support [Resolved] Can I create a featured post grid layout?

Home Forums Support Can I create a featured post grid layout?

Viewing 15 posts - 16 through 30 (of 32 total)
  • Author
    Posts
  • #111703
    Tom
    Lead Developer
    Lead Developer

    For the entry meta:

    .blog .entry-meta,
    .archive .entry-meta {
          color: #FFF;
    }
    
    .blog .entry-meta a,
    .blog .entry-meta a:visited,
    .archive .entry-meta a,
    .archive .entry-meta a:visited {
          color: #FFF;
    }
    
    .blog .entry-meta a:hover,
    .archive .entry-meta a:hover {
          color: #FFF;
    }

    For the post image, give this a try:

    .post-image {
          margin-top: 0;
    }
    #111814
    bluebit

    Entry meta code worked.

    Post image code didn’t:

    .post-image {
    margin-top: 0;
    }

    #111857
    Tom
    Lead Developer
    Lead Developer

    Ah, you’ve added the images inside your content.

    This should work:

    .single .entry-content {
          margin-top: 0;
    }
    #111868
    bluebit

    Awesome, it worked. How do make only the home page full-width layout? No right sidebar on the home page.
    http://anabolicfacts.com

    #111875
    Tom
    Lead Developer
    Lead Developer
    #145620
    Albert Einsten

    i found responsive grid featured post plugin without bootstrap here http://seegatesite.com/create-a-responsive-jquery-slideshow-with-flexslider-for-wordpress/

    Responsive grid featured post

    hope can help you

    #145679
    Tom
    Lead Developer
    Lead Developer

    Awesome, thanks for sharing! ๐Ÿ™‚

    #682088
    Marcelo

    Hello Tom, I see that this is a very old post, but I see myself with the same inconvenience, I need to incorporate a “Magazine” or “Newspaper” style, only in the upper part of the home, it is very fashionable and it is also ideal for certain themes use this visual style where the last posts are shown with a background image and the title.

    Is it possible to do this with a simple CSS? Or do you know any better way to do it?

    #682697
    Tom
    Lead Developer
    Lead Developer

    I seem to remember seeing David had a solution for this using WP Show Posts. I’ve just pinged him to ask.

    I’ll let you know ๐Ÿ™‚

    #682783
    David
    Staff
    Customer Support

    Can do something like this with WPSP and CSS:

    https://shakahara.assemblewp.com/magazine-header-premium/

    Do you have a particular layout in mind?

    #682974
    Marcelo

    Hello Davis!
    Yes somethink like that can be. Better if the posts in the header dont repeat after, if a post is “feature” this will diplay like feature, but not display again.

    Like Gazette theme by Automattic: https://wordpress.com/theme/gazette

    #682989
    David
    Staff
    Customer Support

    My demo site uses multiple WPSP lists. But it only has 4 posts hence the repeated post list in the content area. WPSP can filter the lists, whether it be via taxonmies, simple offset or specific posts.
    A simple option would be to tag the featured posts for the header list and then exclude them from the main content list. That part is easy and requires no code.

    The grid layouts would require CSS. Interested?

    #683191
    Marcelo

    Yes! I want a magazine design, background image and title over the image.

    I think that wpsp es a great option.

    Let me know if you have the css, thanks!

    #683202
    David
    Staff
    Customer Support

    The CSS can be very specific to the content you are adding, can you set up the WPSP list and add it to the site, and i can work it out. Could i suggest you start a new Topic where you can add the Site URL and so we can make a fresh start.

    #683280
    Marcelo

    I have not a design yet, is a local website, but use the generator was default design. I can after improve the design if I have the cash base.

Viewing 15 posts - 16 through 30 (of 32 total)
  • The topic ‘Can I create a featured post grid layout?’ is closed to new replies.