By Damian Witham on Thursday, 13 August 2015
Posted in General Issues
Replies 10
Likes 0
Views 515
Votes 0
Hi, I have Easyblog 5.0.20 installed. I can't understand how to achieve the layout that I want.
The frontpage view or list view, I want like this:



Can somebody help me achieve this?

I have also noticed some errors in the backend. See here:

Hi Damian,

I would suggest you to use post cover image instead of block image as your frontpage image as it will be easier to adjust the image sizing accordingly without having to css hack.

You can upload your post cover during composing from this button here, http://screencast.com/t/76ZU7uXx4mv and then adjust the sizing of your frontpage cover page from backend > easyblog > settings > layout > post cover, http://screencast.com/t/vSjlmEAawe . Lastly you need to set truncation settings to not showing image block on frontpage listing from your backend > easyblog > settings > layout > truncation, http://screencast.com/t/SpsvmQR5HdNS

Hope these help.
·
Friday, 14 August 2015 13:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Damian,

You can alter the behavior of showcase slider from your frontpage menu item settings. But I believe if you want to fully achieve the layout that you want you need to play with css a little bit.

Regarding on your second issue, can you provide us with your Joomla backend and FTP access so we can check on the issue directly?
·
Thursday, 13 August 2015 11:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul, Since updating to the latest easyblog, it is putting all blog images on the list view as you'll see.

I'm really just after the blog image to be on the left and the intro text to be on the side, and perhaps on mobile for it to be responsive and fall below the image.
·
Thursday, 13 August 2015 11:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Damian,

By default easyblog will load all the images block on the frontpage listing if you have enabled truncation and position image at the top from your backend settings. I've applied some modification inside your /administrator/components/com_easyblog/includes/document/document.php to only make one image appearing on your frontpage listing.

I also try to add the following css hack in order to make all the images to appear on the left side but for some reason the css is not loaded on your site after I've added it inside your /templates/yoo_venice/css/custom.css.
/* To make all the image block on the frontpage goes to left side */
div#fd.eb .ebd-block[data-type="image"]:not(.eb-composer-block-menu) {
float: left !important;
margin-right: 10px !important;
}


Hope these help.
·
Thursday, 13 August 2015 17:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Ezrul,

I placed this code here instead:
/templates/yoo_venice/styles/reddjillay/css/custom.css

And it works. However I now need to make sure the images are a certain size as you can now see that it's inconsistent.
I tried adding width:300px; to your code but it didn't work. Can you suggest something else please?
·
Friday, 14 August 2015 07:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks. The post cover image is the solution I was after all along. Thanks this is great. PS. did you fix the other issue with the tab labelling? It seems to be fixed.
·
Saturday, 15 August 2015 09:38
·
0 Likes
·
0 Votes
·
0 Comments
·
I am still seeing some strange label titles. See here:

·
Saturday, 15 August 2015 09:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Damien,

I've fixed it for you. Please have a look.
·
Monday, 17 August 2015 11:49
·
0 Likes
·
0 Votes
·
0 Comments
·
All good thanks NIK, What caused this?
·
Monday, 17 August 2015 12:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Damien,

It is because the language string is missing from your language file.
·
Monday, 17 August 2015 12:44
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post