Crafty Blog

[traceycameron]

Hello, I downloaded the “crafty” template mainly because I like the way the blog lays out. I had some old CSS that was merging and creating funny things on the site. I removed that but I can’t get the blog back to the grid layout on the demo. Could you let me know what CSS is controlling that layout or what I am doing wrong.

[traceycameron]

Home | Tracey Cameron Creative

[tristup]

Hi @traceycameron,

Thanks for reaching out.
It seems that the following CSS code is missing in your website for the blog page, please add the custom CSS code into the Theme Options > CSS to make the blog page similar to the Crafty demo.

.blog .x-main.full > article:first-child 
{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.blog .x-main.full > article 
{
    width: 30.333%;
    margin-top: 4em;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks