I would love to set my blog page so the featured image and the title and first lines of text are side by side both in the article and the category view. Is it possible with CSS tweaking?
Exactly like this category view: http://www.lelekszereles.hu/irasok/
and article view: http://www.lelekszereles.hu/josag/
But now it looks like this:
http://untruesounds.com/category/blog/
I made some progress, but still far from perfect.
Category view:
http://untruesounds.com/category/blog
The featured image is side by side now (chose the thumbnail options in the customize menu), but the thumbnail is way too small. Adjusting the thumbnail size in the WP options (media) didnt help.
Article view:
http://untruesounds.com/love-is-fire-single-is-coming-soon
I insterted this piece of CSS:
*******************************************
article.post .entry-header .entry-thumbnail img {
max-width: 35%; float: left; padding-right: 20px; }
*******************************************
Now it’s almost ok, but the aspect ratio of the picture is not right (cuts down the text). If you check the category view, in small, but there is the full Love is fire text. Tried regenerate thumbnails, didnt help.
Hi Soulstructures,
Category view
Adjusting the image settings will not affect the size of the image here. You’ll need to manually adjust the sizing of the image column itself with CSS. Please navigate to WP AdminAppearanceCustom CSS and add (and adjust) the following CSS:
/* Featured Image */ article.post.post-with-thumbnail-icon .entry-thumbnail, article.page.post-with-thumbnail-icon .entry-thumbnail { width: 11.68%; } /* Title, post content */ article.post.post-with-thumbnail-icon .entry-main, article.page.post-with-thumbnail-icon .entry-main { width: 84.41%; }The total width of both of the above CSS must not exceed 100%.
You might also need to install the SiteOrigin CSS Editor.
Article view
You’ll need to adjust the image size. Please navigate to WP AdminSettingsMedia and disable the Thumbnail crop and increase the sizing slightly. Regenerate the image and then finally clear your browser cache.
Thank you!
The category view trick works perfectly. If anyone else will have the same issue: the sum of the two widths even needs to be _under_ 100% to have a little spacing beetween them. I’ve set it to 25% and 70%. Looks brilliant :)
Article view
I’ve already did these, now did it again, still cropping the image :(
Even tried with other browsers, the same there
Hi Soulstructures,
Please install Simple Image Sizes and then navigate to WP AdminSettingsMedia and disable the crop from Post Thumbnail and then save. Regenerate your images – how does that look?
Sorry about this.
Did exactly what you wrote, but the image in the article view is still cropped :(
Hi Soulstructures,
Can you please show me a screenshot of your post thumbnail settings? Please note that we currently do not support attachments so you’ll need to upload the image to an image hosting like imgur or vgy.me.
Thank you, now it s working!
I dont know what helped, tweaked a lot of things, now its fine :)