By Trevor Dooley on Tuesday, 14 July 2015
Posted in General Issues
Likes 0
Views 607
Votes 0
Hello!

Is it possible to select the first image in the blog for the featured section rather than having to post a cover photo? I want the the text to wrap the image, rather than fall under the banner image. Pretty much the previous functionality of the featured section. Thank you!
Great, thank you Mark!

For anyone else wanting to do this (show cover image in category list view, but not in single post view), you can put this css code in your template's custom.css file.

.eb-image-figure {display: none;}
·
Thursday, 16 July 2015 18:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Trevor,

We actually did this in EasyBlog 3.9.x and earlier releases but the problem here is that you'll lose the quality of the image and there's no way of standardizing them. We introduced blog images on 3.9, but only started to enforce this in 5.0 because only then, the themes could take advantage of this. For instance, to achieve a responsive layout for your blog, the image needs to be fluid and if your first image is only 200x200, it's going to look very bad
·
Tuesday, 14 July 2015 02:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you for the response Mark!

Wouldn't you be able to add media queries where max-width/max-height are defined so that there could be uniformity? I'm looking to have the blog have an image for the featured section, but not have the cover photo display on the blog page since I prefer the text to wrap the image.

~Trevor
·
Tuesday, 14 July 2015 02:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Trevor,

Yes, but that would also be dependent on your Joomla template and even so, your blog layout wouldn't look good if the size is too small? Another plus point for using post covers is that these post covers are rendered using the appropriate sizes instead of a single large image which slows down the loading time of the blog.

Post covers are resized into several different sizes
·
Tuesday, 14 July 2015 03:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mark,

I figured out what I wanted thought the use of CSS. Simply added a part with "display: none" for the cover photo and now it looks how I want it to!
Also, just as a heads up, at least in Google Chrome the <h1> tags for the blog posts on single pages crowd one another and need an adjusted line height if/when they become more than two lines. I also fixed this by editing the CSS.

Thank you for your help!
Trevor
·
Tuesday, 14 July 2015 03:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Trevor,

Thanks for the heads up.
·
Tuesday, 14 July 2015 10:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Can you please describe how/where you added the "display: none" css?

I would like the "cover" to be "featured image", and not show in the blog post itself (only show in category list view and featured slider box if post featured).

Best would be to write blog post as usual, then be able to choose/mark featured image, and if no featured image is chosen by author use first.
·
Wednesday, 15 July 2015 21:27
·
0 Likes
·
0 Votes
·
0 Comments
·
I believe it should be in the template's custom.css file Most Joomla templates allows you to add custom css file.
·
Thursday, 16 July 2015 00:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating, glad that your issues are resolved now
·
Saturday, 18 July 2015 17:16
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post