Docs

[ponberries]

Hello!

So I’ve managed to move the blog featured image to the left of the excerpt which is great. However, this has also moved the featured image of my products to the left as well.

You can take a look at http://newtmf.flywheelsites.com/blog/

Is the solution to create a class for the blog only so my woocommerce prodcuts aren’t impacted?

Thanks!

Tanner

[Friech]

Hi Tanner,

Thanks for writing in! Is this the code that you used to reposition the featured image?

@media (min-width: 768px) {
    body:not(.single-post) .has-post-thumbnail .entry-featured  {
        float: left;
        width: 40%;
        box-shadow: none;
        border: none;
    }

    body:not(.single-post) .has-post-thumbnail .entry-wrap {
        float: left;
        width: 60%;
        padding: 0 0 0 40px;
    }

    body:not(.single-post) .has-post-thumbnail {
        overflow: hidden;
        background-color: #fff;
        padding: 60px;
    }
}

If so, please update that to.

@media (min-width: 768px) {
    .blog .has-post-thumbnail .entry-featured  {
        float: left;
        width: 40%;
        box-shadow: none;
        border: none;
    }

    .blog .has-post-thumbnail .entry-wrap {
        float: left;
        width: 60%;
        padding: 0 0 0 40px;
    }

    .blog .has-post-thumbnail {
        overflow: hidden;
        background-color: #fff;
        padding: 60px;
    }
}

Hope it helps, Cheers!

[ponberries]

This is perfect thank you very much!

[Thai]

You’re most welcome 🙂

[ponberries]

Hi X team – sorry to be in need again (client is being a bit needy) but he mentioned that when the search bar is used, the featured image is now back on top on when the results page has populated.

The site has since gone live so here is the new url: http://themovementfix.com/blog

Thanks for all your help – you guys are definitely the best!

[Thai]

Hi There,

Please update the previous CSS a bit:

@media (min-width: 768px) {
    .blog .has-post-thumbnail .entry-featured,
    .search-results .has-post-thumbnail .entry-featured  {
        float: left;
        width: 40%;
        box-shadow: none;
        border: none;
    }

    .blog .has-post-thumbnail .entry-wrap,
    .search-results .has-post-thumbnail .entry-wrap {
        float: left;
        width: 60%;
        padding: 0 0 0 40px;
    }

    .blog .has-post-thumbnail,
    .search-results .has-post-thumbnail {
        overflow: hidden;
        background-color: #fff;
        padding: 60px;
    }
}

Hope it helps 🙂

[ponberries]

Works like a charm! Is it possible to add the same layout to category (dropdown) filtering?

[Jade]

Hi there,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Author]

Posts