Docs

[visitcoffee]

Hi there,

I’m using a two coloumn blog layout on my page:
http://visit-coffee.com/blog/

Is there a way to make it 1 coloumn with a horizontal picture/text devision (image left, excerpt right)?

Thank you

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (min-width: 980px){
    .blog article .entry-featured {
        float: left;
        width: 37%;
    }
    .blog article .entry-wrap {
        float: right;
        width: 60%;
        padding-left: 25px;
    }
}

Hope it helps 🙂

[visitcoffee]

Thank you, that works for image left, excerpt right.
But how does it work for a single coloumn layout?

[Thai]

Hi There,

Please also add the following CSS:

.blog .x-iso-container.cols-2>.hentry {
    width: 100%;
}
.entry-footer {
    float: right;
}

Hope it helps 🙂

[visitcoffee]

Perfect, that helps a lot!

Thank you

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts