Docs

[flacnvinyl]

By default featured images display above the title and description of a blog. It is possible to have it display in a list format (a bit more oldschool) with the image to the left, title and description to the right? No columns, just a nice clean display list?

[Joao]

Hi There,

Please add the following code to Appearance > Customizer > Custom > CSS

.blog  .entry-thumb {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 20px;
}
.blog .has-post-thumbnail .entry-wrap {
      padding: 5px;

}

If that does not satisfy you please provide your URL in order that we can provide a tailored solution.

Thanks

Joao

[flacnvinyl]

This reply has been marked as private.

[Rue Nel]

This reply has been marked as private.

[flacnvinyl]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code :

@media (min-width:767px){
.blog .has-post-thumbnail .entry-wrap, .archive .has-post-thumbnail .entry-wrap {
    border: none;
    box-shadow: none;
    float: right;
    width: 66.5%;
    padding-top: 0;
}
.blog .has-post-thumbnail .entry-featured, .archive .has-post-thumbnail .entry-featured {
    border: none;
    float: left;
    width: 33%;
}
}
.blog .has-post-thumbnail .entry-featured, .archive .has-post-thumbnail .entry-featured {
    border: none;
    float: left;
    width: 33%;
    border: none;
    box-shadow: none;
}

Please remove width: 500px;height: 200px; properties from following block of code :

.blog .entry-thumb, .archive .entry-thumb {
    float: left;
    width: 500px;
    height: 200px;
    margin-right: 20px;
    margin-top: 10px;
}

Hope it helps.

[flacnvinyl]

Perfect! Thank you!

[flacnvinyl]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! How should be the navbar will look like? I can see that the social icons are being displayed on the left. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you in advance.

[flacnvinyl]

This reply has been marked as private.

[Lely]

Hi There,

Above CSS shouldn’t affect the menu. It should only affect the featured image. I did try adding the code on a browser and didn’t experience the issue. Would you mind applying the suggested code so we can see it directly?

[flacnvinyl]

Done. I don’t see the glitching either. Here’s hoping it was a temporary issue on our end! Maybe cache/hosting caused conflict. Thank you!

[Paul R]

You’re welcome! 🙂

[flacnvinyl]

This reply has been marked as private.

[Friech]

Hi There,

For the featured image please add this on your custom CSS.

.blog .entry-wrap {
	padding-left: 10px;
}

For the white area, please look for this block on your custom CSS.

.blog .x-container.offset {
    margin-top: 25px!important;
}

And update the value to 0px.

Thanks.

[Author]

Posts