By Roger Miller on Thursday, 17 January 2013
Posted in General Issues
Replies 15
Likes 0
Views 761
Votes 0
I'm working on a modification to the Easyblog categories module and wanted to try to use Alternative Layouts from Joomla 2.5. In theory, there should be a parameter under the advanced tab that gives me this option. On this category module, it does not have this available to me as the docs say it should.

Is this module setup to utilize the alternative layouts for Joomla 2.5 that was introducted in Joomla 1.6? I would expect to be able to do this so I can override the module on a certain module and not all categories modules like I have to do now with a template override.

This module can be seen on the blog page at the top.

Thanks!
Hello,
I try to do the same, by adding CSS prefix in advanced module settings but with no success. Can you please tell me how to do this? I wanted Categories module to inherit style from my Joomla template created via Artisteer.
Regards,
Adam
·
Monday, 11 August 2014 00:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Adam,

I don't think you can just inherit the styling automatically from Artisteer. Artisteer generates the HTML codes and overrides the article modules. The only way for you to achieve similar layouts is to replicate the html structure on the article module into the categories module.
·
Monday, 11 August 2014 02:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Can you please help me with that? I just want to reduce spacing between categories items so they do not occupy much space on the right panel. See link here 3MC
·
Monday, 11 August 2014 05:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Adam,

Can you please add this css code into you template.css file. ../templates/3mamcukierwide/css/template.css

.ezb-mod .mod-item {
padding: none !important;
}


Hope this helps.
·
Monday, 11 August 2014 10:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Nik,
I have added this styling to my css (see attached file) but unfortunately no change in spacing.
Any ideas?
Cheers,
Adam
·
Tuesday, 12 August 2014 03:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Adam,

Have you clear your cache after applying the style? If the style still has no changes, can you provide us your backend and FTP (just in case) access so we can help you apply the styling? Please advise.
·
Tuesday, 12 August 2014 11:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks, but clearing browsers' cache hasn't changed anything.
I have attached backend details.
·
Wednesday, 13 August 2014 03:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Adam,

I have helped you fix this issue. Please take a look on your site. Actually, the css given by my colleague cannot override the module template because of there was !important in module css in : /components/com_easyblog/assets/css/module.css

.ezb-mod .mod-item {
overflow: hidden;
position: relative;
padding: 10px 0 !important;

changed to

.ezb-mod .mod-item {
overflow: hidden;
position: relative;
padding: 10px 0;

Hope this will help.
Thanks.
·
Wednesday, 13 August 2014 11:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Many thanks Mohd!
It worked, but unfortunately when I tried to push your fixes via Artisteer template (see attached screen), changes were gone . Any ideas what could be done wrong?
One more thing - is it posible to remove these horizontal lines separating categories items?
·
Thursday, 14 August 2014 02:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Actually, this is the attachment I was talking about. I could not attach it to previous post.
·
Thursday, 14 August 2014 04:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Adam,

I have helped you fix this issue. I believe you misunderstand my previous reply before. However, I have fix this issue by put this css code in your site in this file: css/template.css .

/*Easyblog fixed spacing in categories vertical menu*/
.ezb-mod .mod-item {
padding: 0;
}

Hope this will help.
Thanks.
·
Thursday, 14 August 2014 10:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok Mohd. This one is fine and works now.

Still, can you help me with removing these horizontal lines separating categories items?
·
Friday, 15 August 2014 04:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Adam,

You can try use this css code:

.ezb-mod .mod-item + .mod-item {
border-top: none;
}


Hope this helps.
·
Friday, 15 August 2014 10:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Nik and everyone on Easyblog great support team :-)
It worked perfectly, many thanks!
Cheers,
Adam
·
Friday, 15 August 2014 18:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Adam, glad that your issues are resolved now
·
Friday, 15 August 2014 18:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post