Hi there,

Maybe you can try to setup a new menu item and use 'grid layout' as shown http://take.ms/Ub6mY.

Please give it a try and see how it goes

Hi,

I've just tried it and it doesnt look too good.

https://lineit.com.au/blog?view=grid

Hey Sin,

It looks like none of the css and js in EasyBlog is rendered on the site. Did you add the necessary head codes into your Joomla template? It does seem like your template is most likely missing the head codes.

Hi,

Getting my developer to look at the issue. Is it the same problem with one of my other websites as well?

http://fotophound.com/blog

Hey Sin,

Yep, it certainly does look like the header is missing from your Joomla template, http://take.ms/ZSddZ . To render the header data from Joomla, one needs to insert the codes into the template,

[gist]
<jdoc:include type="head" />
[/gist]

Hi,

This is the developers response to your response.

"We have investigate the issue and find out that there are css and js conflict in the website blog page. Please explore this path components/easyblog/ and in the theme and css folder do the needful to make the template right. For more assistance please let us know"

I'm confused because its like pointing fingers at each other.

The developer definitely has no idea about what he is doing but clearly the template is missing the head codes that is required in Joomla. If he claims that there are conflicts, please ask him to view the source of the page at https://lineit.com.au/blog?view=grid and let me know which lines of css that is rendered from EasyBlog.

If you can provide us with the back end and FTP access, we'll add them for you.

I think so too.

Details attached in hidden details.

Thanks.

Hey Sin,

I have tried to login to the ftp but it isn't working for me here http://take.ms/fysRd

I tried it with tls / ssl as well as sftp and they aren't working too.

I've added the cpanel login where you could access the file manager.

Have you tried the plain FTP encryption?

Thanks, this cpanel access works. Anyway, I edited the template file /templates/inner/index.php and found the following, http://take.ms/8dtbq . These are all hardcoded in the template! In other words, all the page has the same title and is extremely bad for your SEO too.

I have added the codes as shown here, http://take.ms/qI67q .

By the way, may I know which template company did you contract to design this for your site?

To a Indian company I always used. The other websites work fine with your blog module.

I might get them to investigate further as it has affected the look of the inner pages of the website. Are you able to reverse the changes? It added "underlines" to the inner pages that wasn't there before.

Sure, I have reversed the codes that I added in /templates/inner/index.php but I would strongly suggest to get them to look into Joomla's templating architecture

Hi,

They finally fixed the layout. Yet it doesn't look nothing like the link below.

https://www.appscore.com.au/blog/

Hm, did you paid them to design it? The grid layout in EasyBlog would look like http://easyblog.stackideas.com/grid and not https://www.appscore.com.au/blog/

No. They just made it work with the template. Can your Easyblog grid look like that other link? Its a nice layout on all other websites I've seen.

Hey Sin,

We don't actually have that exact layout. It's almost identical though which I believe you could copy their css over

I chose the magazine layout and it looks close. I'll use that.

Cheers.

Sure, glad that it is all sorted out for you now

I've added the cover page to display the picture on the front end. How do I stop the cover page from showing when you click into the blog article?

Hey Sin,

Do you mean you want to hide the cover image when you are in the entry view? Take a look at my screen shot here, http://take.ms/0uoMf

Thanks for your support.

Just a couple more questions. Can I stop the text from touching the edge of the screen? I've tried to center it but it doesn't look nice.

Also, see the mobile view. The text drags all the way down the bottom which doesnt look nice.

Hi there,

Also, see the mobile view. The text drags all the way down the bottom which doesnt look nice.

It showing correctly on my end as you can see here http://take.ms/7tins.

Just a couple more questions. Can I stop the text from touching the edge of the screen? I've tried to center it but it doesn't look nice.

Maybe you can try css codes below and see how it goes.
[gist type="php"]
#eb .eb-entry-article .ebd-block {
margin-left: 50px !important;
}
[/gist]

Its the grid view that looks funny.

https://lineit.com.au/blog?view=grid

Do I add the code to the template CSS or a specific CSS file?

Hey Sin,

You could add the css codes into /templates/inner/css/media.css

Thanks. That helped moved the text over. I've changed it to 25 px.

How can I resolve the other problem which is the mobile view?

Hey Sin,

Hm, sorry but there are several issues posted on this thread and I am not too sure which particular issue is this. Can you provide us with a screen shot of the problem?

Sure. As attached.

Hey Sin,

Hm, something is odd on your site as it isn't respecting if the user is using a mobile device or a desktop browser. When a user browses the site with a mobile device, EasyBlog will add an is-mobile class on the wrapper to fix the styling, http://take.ms/ndk3d

Is there some sort of caching system in place? By the way, is it possible for you to provide us with the back end and FTP access to look into this?

I'll think I'll stick with the usual front page view. Too much messing around.

Can you let me know which CSS code for the front page view that moves the text from the edge?

Also, how can I limit the text? Like to show the introduction and then they click to "continue reading" to see the rest.

Can you let me know which CSS code for the front page view that moves the text from the edge?

Can you try to add the block of css codes below?

[gist]
body #eb .eb-post {
padding: 0 20px;
}
[/gist]

Also, how can I limit the text? Like to show the introduction and then they click to "continue reading" to see the rest.

Do you mean automated truncation? This can be configured under Settings > Layout > Truncation as you can see from my screen shot here, http://take.ms/KsguJ

Hi,

I think my developer has fixed up the inner pages properly now.

I'm going to attempt the grid view again.

On the desktop view, is there a set picture dimension I can use there the text will align properly? Same as the mobile view.

https://lineit.com.au/blog

Hi there,

It seems that it is working correctly now, might be your developer have fixed them for you. Please give it a check and see how it goes.

I think so as well. I'm attempting the Grid display again.

So the questions are on the previous thread. Please advise.

Hi there,

That what i am referring to actually, it is working as it should as you can see here http://take.ms/H5FIj. Or did i miss-understand you here?

Please advice.

There was a picture on the front page before instead of the black. Did the picture extend it out before?

Hi there,

It is appearing now. It a bit weird actually, just now i saw it black

By the way, maybe you can try to implement css codes below and see how it goes.

@media (max-width:768px)

{

#eb .eb-blog-grid {

    display: block;

}

}

media.css file? Added the code. Is it supposed to shrink the box?

I've added another blog post. The 1st post shrink to the correct size I would like. Can I keep it the same size for every post?

In your screen shot, it looks like you are using the grid layout. Unfortunately the first post is meant to be that way.

No worries. I'll leave it like that.

Thanks.

Thanks for understanding Sin By the way, if you have any further issues, please do start a new ticket because it looks like this ticket is deviated a lot from it's original topic and it's pretty confusing for other support members to keep track.