By Uri Damsker on Friday, 19 June 2015
Posted in General Issues
Replies 8
Likes 0
Views 1.4K
Votes 0
Hello,
How do i change cover image size in Easyblog 5? Unfortunately, no documantation regarding that issue.
Hi Uri,

In order to resize the cover image, please follow the CSS hack as below:
div#fd.eb .eb-post-image {
padding-bottom: 40%; // this will keep the ratio 5:2
padding-bottom: 200px; // this will fixed the height of cover image to 200px
}

There is two options (padding-bottom: 40%) and (padding-bottom: 200px), the first option will make the cover responsive and resize proportionally, while the second option will fixed the height of the cover to 200px.

Hope this will help, thank you.
·
Friday, 19 June 2015 14:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Please quote which css file should i use....
It was much simple with EB 3.9........
·
Friday, 19 June 2015 15:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Please tell me which css file should i change........
·
Friday, 19 June 2015 16:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Uri Damsker,

I am sorry for the delay of this reply as it weekends for all of us here.

You can put the css code inside your template.css file or custom.css file located under your /template/[your current template]/ folder. Hope these help.
·
Monday, 22 June 2015 10:21
·
0 Likes
·
0 Votes
·
0 Comments
·
I tried this one but it doesnt work!
Please read my ticket #41790
Thanks!
·
Tuesday, 23 June 2015 16:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Uri Damsker,

I am sorry for the delayed reply.
Please do understand that as creating multiple posts on our forums/ticketing susyem would only slow down your support request because there are multiple moderators who are currently working on our support system.

I have tried the solution given by my colleague and it seems to be working correctly. Perhaps there are some cache on your site preventing/masking the changes. You can try clear your site cache and browser cache and test this again.

If this issue is still persist, perhaps you can provide us with backend access and FTP access so that we can assist you on this issue much quicker.

Hope this helps and I am sorry for the delayed.
·
Tuesday, 23 June 2015 17:34
·
0 Likes
·
0 Votes
·
0 Comments
·
The problem still persist.
I already provided my backend details.
Please check Ticket: #41790
Thanks!
·
Tuesday, 23 June 2015 22:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Uri Damsker,

I am sorry for the delay of this reply. I've checked your ticket #41790 but it seems like you do not provide the FTP for us.

By the way I've checked your site and it seems like the css files on your site is compiled thus the result is not appearing immediately. I've manually add the css hack that my colleague posted above inside one of the compiled css file using the browser console and the change did appear properly. Check my screenshot here, http://screen.stackideas.com/2015-06-24_1346_001.png

Perhaps you can consult with your template provider on how to manually put custom css code inside the template.
·
Wednesday, 24 June 2015 13:52
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post