Recent
Categories
View Replies (15)

article separator in category bloglayout

0
Votes
Undo
  1. peterspie
    peterspie
  3. Free Templates / Extensions
  4. Monday, 18 June 2012
  5.  Subscribe via email
Hello, I am using the oxygen template, and would like to add a separator (a thin line) to the articles, show in blog layout. I have added to the template the following css-code:
.item-separator {
border-bottom: 1px solid #CABFB1;
display: block;
margin: 10px 0;
width: 100%;
}

and this adds a thin line, but it also adds a thin line on the front-page. I don't want this. Is it possible to have it only in the blog-layout?

I just realised that this has probably nothing to do with this oxygen template, but is a general joomla issue. Maybe someone has the right clue?

Regards, Peter

link to the blog layout

link to the front page
Responses (15)
apelsinskal
apelsinskal
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
THANK YOU :D :D :D
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To add a line between each leading items on the Kinvara template you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)...

.items-leading > div {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    margin-bottom: 20px;

}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
apelsinskal
apelsinskal
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
How do I add this feature to Kinvara? I am using the blog layout with unlimited leading articles. None of the above works.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
apelsinskal
apelsinskal
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I can't at the moment. Local host.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Please include a URL to an example of your articles?

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
apelsinskal
apelsinskal
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Which code should I use for Enterprise? None of the above is working, only in the bottom of the blog layout. Need separator between each articles in blog layout.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
misha810
misha810
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks. Also it helped my problem
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 7
euanmcginty
euanmcginty
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect!

Thanks, as always, great support!

Best wishes,

Euan

(If it's okay I'm now going to remove the link from the previous post as this is a personal family/friends website only)
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Eaun

Try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


.items-leading, .items-row {

    border-bottom: 4px solid #aaa;

    margin-bottom: 20px;

}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 9
euanmcginty
euanmcginty
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Trying to create the same with template Enlighten to get a line between the articles in Category Blog layout. I tried both of the above css codes and it didn't work.

The website is ..[deleted]

Many thanks,

Euan
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 10
apelsinskal
apelsinskal
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Just tried to add this css code to the Lighttouches template, but it doesn't work. Added it last in the template.css
Here: link
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 11
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edwin

Would you have a URL to an example of where you wish to add the item seperator?

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 12
Guest
Guest
Accepted Answer Pending Moderation
0
Votes
Undo
I'm new here and hope to get some help.
i'm having a similar problem.
I do have a category blog where I want to add a thin line between articles.
I added the code above to my template css. I was wondering where to add the link to this piece of css code to make a line visble.
Thanks for your help
Edwin
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 13
peterspie
peterspie
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán,

it is working!. Thank you so much. I have searched so long on the internet, and you solved it so fast.
Thanks again.

Regards, Peter
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 14
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi peterspie

Try replacing your CSS with the following to narrow it down to your blog..

[code type=css].blog .item-separator {
border-bottom: 1px solid #CABFB1;
display: block;
margin: 10px 0;
width: 100%;
}[/code]
Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 15
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok