Image align left on post page and category page

Support
#1

Hello, i am almost ready in the styling from my blog pages. I would like to do the following:

Image align left on blog pages and category page
Reduce image size on blog page and category page till max 400px
Remove box. line around featured image in blog page and category page.

Example page: https://jittysamsterdam.com/makkelijk-opsteken/

I hope this is possible
thanks
Ronald

#2

Hello Ronald,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS:

.entry-featured .entry-thumb {
    float: left;
}

.entry-featured {
    float: left;
    width: 70%;
    border: 0;
}

.entry-content.content {
    clear: both;
}

Here are some related links for further reading:

Hope this helps.

#3

Thank you! Yes i will dive into CSS learning. For now i am just waiting until your new release where you can edit blog post better.

Your given CSS code works, but 1 detail is still wrong i hope we can fix that. That would be a big relieve. On the category page there is large cap between the image and the text, it almost seems they are not related anymore. Can we fix that?

Thousand thanks!!!
example: https://jittysamsterdam.com/category/jittys-fans/

#4

Hi @RPronk,

In that case, please change this CSS

.entry-featured {
    float: left;
    width: 70%;
    border: 0;
}

to this

.entry-featured {
    float: left;
    border: 0;
   max-width: 400px;
}

Then remove this existing CSS

.entry-featured .entry-thumb {
    max-width: 60%;
    margin: 0 auto;
    image-align: left;
}

Hope this helps.

#5

works! Thank you!

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.