Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

lightbulb-o styling questions

More
11 years 11 months ago #275 by akay
styling questions was created by akay
On my previous Joomla 1.5 site, I had used a different latest news module, but since it isn't supported in 2.5, I decided to try this module instead.

Installing it and setting up the basic parameters was a breeze, but now I'm stuck on styling it.

I've attached an image of what my previous lastest news looked like. Is it possible to make the news flow horizontally instead of vertically? The order here (from latest to oldest) is like this:
1234
5678

I'm also having issues making the title display beneath the image instead of next to it.

Sorry if this is a dumb question. I'm experienced with CSS but not PHP, so I'm having trouble finding what I need to change in the files.

Thanks!
Attachments:
The following user(s) said Thank You: admin

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #276 by admin
Replied by admin on topic Re: styling questions
Hello,
if I understand correctly what you are trying to achieve, you do not have to modify the PHP code, just the CSS.
You will have quite a few changes to make. Either modify the module's stylesheet or (preferably) add these to your template styles overrides:
.newslist {overflow: hidden;}
.news {float: left; display: block;}
.news:first-child {margin-top: 10px}
.newsinfo .infoleft {margin-left: 0 !important;}
.newshead {margin-bottom: 0; padding-bottom: 0}

Then you need to give the width of your picture to the text body as such:
.newsinfo {width: [the image width here]}

Then give sizes to the whole news:
.news {width: [same as above] ; height: [the height you want]}

That should mostly cover it...

Olivier.
The following user(s) said Thank You: akay

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #277 by akay
Replied by akay on topic Re: styling questions
Ah, thank you! I thought I had to use the css.php file that came with the module and it had me confused, although I suppose even that works with standard CSS definitions.

Anyway, I've got it working now. This is a really great module! I'm not a developer but I managed to get it up and working very quickly. Thank you again for your help!

Please Log in or Create an account to join the conversation.

More
11 years 11 months ago #278 by admin
Replied by admin on topic Re: styling questions
You are welcome!

Olivier.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #3966 by canaera
Replied by canaera on topic Re: styling questions
Hi, I too would like to know how to post the news feeds horizontally instead of vertically. I tried to create an override for the module however it created a PHP file and the code provided was CSS. So not sure where the CSS goes. Please help!! Thank you.
Attachments:

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #3967 by admin
Replied by admin on topic Re: styling questions
Hello,
no need for an override, you just need to give a width of '30' % for instance to have 3 items horizontally.
That is all you need to do here.

Olivier.

Please Log in or Create an account to join the conversation.