Login Form

Login or register to buy licenses or to access software previously purchased.

If you are experiencing login issues, empty your browser's cache and try login from the downloads page. Still having trouble? Please contact us!
×
Postings

You can freely browse the forum. However, you need a valid license in order to post (own a valid commercial software license or have purchased a support membership).

Posts only show after being reviewed.

Topic-icon styling questions

More
4 years 10 months ago #275 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
4 years 10 months ago #276 by admin
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
4 years 10 months ago #277 by akay
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
4 years 10 months ago #278 by admin
You are welcome!

Olivier.

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

More
2 years 1 month ago #3966 by canaera
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
2 years 1 month ago #3967 by admin
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.