Advertisement

How to add article separator in homepage

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
Impe
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Fri Aug 05, 2011 10:28 pm

How to add article separator in homepage

Post by Impe » Fri Aug 05, 2011 10:40 pm

Anyone knows how to add an articole separator for each news on the frontpage? I'm using Joomla 1.7
I have tried with adding this part of code in my layout css:

.article_separator {

background:transparent url(../images/arrow-1.png) repeat-x scroll center;
clear:both;
display:block;
height:2em;
}

But it didn't work.
Any suggestion?
Thanks everyone.
Last edited by Impe on Fri Aug 05, 2011 10:51 pm, edited 1 time in total.

Advertisement
Impe
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Fri Aug 05, 2011 10:28 pm

Re: How to add article separator in homepage

Post by Impe » Fri Aug 05, 2011 10:50 pm

Searchin on the web I've find out that on the previous joomla versions you have to modify the file in folder components\com_content\views\frontpage\tmpl\default.php

But in Joomla 1.7 this folder doesn't exists.

Impe
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Fri Aug 05, 2011 10:28 pm

Re: How to add article separator in homepage

Post by Impe » Sat Aug 06, 2011 12:38 am

I've found out the file to modify:

components\com_content\views\featured\tmpl\default_item.php


Thank you anyway.

smarinaccio
Joomla! Apprentice
Joomla! Apprentice
Posts: 23
Joined: Fri Oct 26, 2007 9:10 pm

Re: How to add article separator in homepage

Post by smarinaccio » Fri Sep 16, 2011 4:01 pm

Impe,

What do you do in that default_item.php file to add a separator between articles?

I am lost. Need some help. Thanks.

palmerin
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu Jun 16, 2011 4:58 pm

Re: How to add article separator in homepage

Post by palmerin » Wed Oct 12, 2011 4:38 pm

Hi, I would really like an answer to this too.

I would like to add any kind of separator (at least a normal hr) to all articles on my site.

Thanks!

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 31340
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: How to add article separator in homepage

Post by Per Yngve Berg » Thu Oct 13, 2011 7:34 pm

It's already in the core of J1.7 It's item-separator, not article-separator.

Code: Select all

.item-separator {
background:transparent url(../images/arrow-1.png) repeat-x scroll center;
clear:both;
display:block;
height:2em;
}

smarinaccio
Joomla! Apprentice
Joomla! Apprentice
Posts: 23
Joined: Fri Oct 26, 2007 9:10 pm

Re: How to add article separator in homepage

Post by smarinaccio » Thu Oct 13, 2011 7:40 pm

What file do I find that in so I can make the separation bigger?

Thanks!

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 31340
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: How to add article separator in homepage

Post by Per Yngve Berg » Thu Oct 13, 2011 8:35 pm

The css file of your template. If it's not there, create it.

smarinaccio
Joomla! Apprentice
Joomla! Apprentice
Posts: 23
Joined: Fri Oct 26, 2007 9:10 pm

Re: How to add article separator in homepage

Post by smarinaccio » Thu Oct 13, 2011 9:45 pm

THANK YOU. THANK YOU. THANK YOU.

Awesome. Countless hours I has blown trying to figure that out. I appreciate you bestowing your Joomla-awsomeness upon this query. From across the faceless void of the net, know that I am smiling!

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 31340
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: How to add article separator in homepage

Post by Per Yngve Berg » Fri Oct 14, 2011 7:07 am


palmerin
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu Jun 16, 2011 4:58 pm

Re: How to add article separator in homepage

Post by palmerin » Fri Oct 14, 2011 7:33 am

Thank you, everyone participating in this thread. I tried adding Per Yngve Berg's code to my template.css file but it doesn't change anything.
I still need to add a separator between all the articles on the site, even if it's some normal hr and a little margin.
I'm running Joomla 1.7

Thanks!

uiaia
Joomla! Apprentice
Joomla! Apprentice
Posts: 45
Joined: Sat Feb 19, 2011 1:54 am

Re: How to add article separator in homepage

Post by uiaia » Wed Nov 09, 2011 12:44 pm

Hi,

i only find <div class="item-separator"></div> on components\com_content\views\featured\tmpl\default_item.php of my joomla 1.7,

can anyone tell me more detail about where to modify it ?


thank you

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 31340
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: How to add article separator in homepage

Post by Per Yngve Berg » Wed Nov 09, 2011 5:16 pm

palmerin wrote:Thank you, everyone participating in this thread. I tried adding Per Yngve Berg's code to my template.css file but it doesn't change anything.
I still need to add a separator between all the articles on the site, even if it's some normal hr and a little margin.
Do you have the graphic (arrow-1.png)?

Or you can put a background color to it:

Code: Select all

.item-separator {
background-color: blue;
clear:both;
display:block;
height:2em;
}

uiaia
Joomla! Apprentice
Joomla! Apprentice
Posts: 45
Joined: Sat Feb 19, 2011 1:54 am

Re: How to add article separator in homepage

Post by uiaia » Wed Nov 09, 2011 5:51 pm

Hi,where can i put the codes ? thank you

Advertisement

Locked

Return to “Templates for Joomla! 2.5”