Joomla Templates Club 406,261 posts

[Upendra Friend UpendraJoin date: January 2011Posts: 84Downloads:28Uploads:17 Thanks: 13 Thanked: 1 times in 1 posts]

#199621

I have a site and recently added a scrolling sidebar as documented on: http://www.joomlart.com/tutorials/joomla-tutorials/tutorial-how-to-add-progressive-sidebar-navigation-in-joomla-article
My link is: http://goo.gl/JDVoLC
Before <li>…</li> tags I want to put a ::before tag “Navigation” which seems to be hard for me. It would be great if anyone can point me to correct css.
Thank you!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#542288

You can define ::before css style in <li>..</li> tag

Open templates/ja_decor/css/custom.css file, find and see


.doc-nav > li {
background: none repeat scroll 0 0 #DEE4EC
margin-bottom: 1px;
width: 270px;
border-left: 5px solid #29739D
}
.doc-nav > li > a {
color: #3F4045
padding: 5px 10px;
}
.doc-nav > li.hover > a {
font-weight: bold;
}
.doc-nav > li.active > a {
font-weight: bold;
}


and re-define li:before and a:before with rules: display: table; content: “”; zoom: 1;

[Upendra Friend UpendraJoin date: January 2011Posts: 84Downloads:28Uploads:17 Thanks: 13 Thanked: 1 times in 1 posts]

#542890

Sorry however I never added any before tag on my CSS pages in my whole life, it’s troubling. You can probably post the cost here in JA?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#542994

Just for better clarification, you can send me the screenshot and an illustrated screenshot of what you are trying to achieve. It would help to understand the issues and give you specific answers.

[Author]

Posts