Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #865969

    grawsom
    Participant

    Hi am using integrity 9..

    How can I get blog/category etc. to show horizontal blog posts.
    1 post pr. line with image to the left and excerpts to the right..

    Like it’s done in Agency

    test site http://x.morkedal.dk
    WordPress 4.4.2 med X – Child Theme
    X 4.4.1

    #866334

    Rupok
    Member

    Hi there,

    Thanks for writing in! You can use the Recent Posts element in Cornerstone. You will get options to set different layout.

    Let us know if you face any issue with that.

    Cheers!

    #866374

    grawsom
    Participant

    Thanks, but that’s not what I’m asking for..

    Something like this..

    #867027

    Rupok
    Member

    Hi there,

    Thanks for updating. It seems you are referring the Standard Layout of blog. You can set this layout from Customize > Blog > Style – http://prntscr.com/aoaarw

    Note that it’s only available for Blog page or Blog Index page (if you set your home page to display latest posts from Settings > Reading).

    Hope this makes sense.

    Cheers!

    #867914

    grawsom
    Participant

    I’m sorry – but maybe I don’t explain it good enough
    I’m using Integrity9 – and I want the blog part to behave as Ethos..
    Maybe I have to shift to Ethos, but like a lot of the way Integrity is behaving..

    #868714

    Christopher
    Moderator

    Hi there,

    Please add the following code in Customize -> Custom -> CSS :

    
    @media (min-width:979px){
    .blog .x-main .hentry>.entry-featured, .search .x-main .hentry>.entry-featured, .archive .x-main .hentry>.entry-featured {
        float: left;
        width: 34%;
        margin: 0;
    border: none;
        box-shadow: none;
    }
    .blog .x-main .hentry.has-post-thumbnail>.entry-wrap, .search .x-main .hentry.has-post-thumbnail>.entry-wrap, .archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
        float: right;
        width: 66%;
        padding-left: 35px;
        overflow: hidden;
        box-shadow: none;
    }
    .hentry {
        overflow: hidden;
    
       background-color: #fff;
    }
    }

    Hope it helps.

    #869187

    grawsom
    Participant

    @christopher – your the man 🙂
    This was exactly what I was looking for – now I just have to fine tune the css and picture size..

    #869523

    Christian
    Moderator

    You’re welcome. Glad we could help. 🙂