T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Trent Perez
  2. General Discussion
  3. Tuesday, August 11 2015, 10:41 PM
  4.  Subscribe via email
I cannot figure out where the lines on the menu buttons comes from. I thought they were a bottom border but I cannot find the css that causes them to appear anywhere. I want to change them so they are at the top of the menu buttons and not at the bottom. I would alsol like to change the color of them but I figured once I find out where they are being created I can change the color. Also since I am working in development mode I am looking for the less file that is making the lines appear since I don;t want to have to change them back every time I re-compile the less to css. I am attaching an image of the menu as it sits now. The site is not live yet so I cannot provide a link to the site.
Attachments (1)
Comment
There are no comments made yet.
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

The line is for active menu. To remove the line, you can open the custom.css (templates/purity_iii/css) file and add the following css rule:

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
box-shadow: none;
}


Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
You are welcome!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Trent Perez Accepted Answer Pending Moderation
0
Votes
Undo
That would be great if I wanted to remove the line completely but what I want to do is put the line on top. So would I enter the line as
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

box-shadow: 3px;

}

that is if I wanted a 3 pixel line at the top.
I would also like to know how you figured out that is where the code was located. You probrably just knew it but I am completely unfamiliar with the T3 framework and the purity_iii template and figure I should learn how to find this stuff out myself. If you could help me figure out how to go about locating the code for different aspects I would appreciate it.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

To have the line on the top, please use the following css rule:

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
box-shadow: 0 3px 0 #ffffff inset;
}
or A very elegant way is to use ng-controller to run a single controller outside of the ng-view:

<div class="collapse navbar-collapse" ng-controller="HeaderController">
<ul class="nav navbar-nav">
<li ng-class="{ active: isActive('/')}"><a href="/">Active</a></li>
<li ng-class="{ active: isActive('/')}"><a href="/dogs"></a></li>
<li ng-class="{ active: isActive('/')}"><a href="/cats"></a></li>
</ul>
</div>
<div ng-view></div>
My Website not using nav bar see Exsample here Grosir Baju

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Trent Perez Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Luna? not sure what I should call you. But thank you for the assistance. Just to make sure I am understanding what I have been reading the box-shadow property has basically three values plus the color value associated with it. they would be vertical offset then horizontal offset then fade value then the color value plus inset if the shadow is suppose to go to the top or to the left. Is that correct?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome!

You can add other attribute to the css rule. Let me know if you have any other issue.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
anda sumatra tour and travel Accepted Answer Pending Moderation
0
Votes
Undo
thank you
this is awesome solving pro
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Gino Accepted Answer Pending Moderation
0
Votes
Undo
Very helpful!
Thanks :D
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
chen solo Accepted Answer Pending Moderation
0
Votes
Undo
However, people are not the same. If you do more than one thing at the same time, to the final Michael Kors Combo Set completion of the less, should Shoes Outlet have been completed things have been delayed, and let yourself more stress, or try to do only one thing (Singletasking) it. To focus on the current things to do, has been insisting on doing. At the beginning of 2017, if the annual meeting of the climax to the team to bring the most memorable happiness, then the Nike Roshe Run 2014 promotion is a busy year for the work of the most heart of the yearend award. However, there are only a handful of lucky payers to get, perhaps you have worked hard, paid, and promotion salary is only a stone's throw away, but may be because of some of your ideas and behavior, so you missed We often wonder why, why do some people learn hard every day, and some people learn to learn, when the play still play? Why Some people always have endless life, plus endless classes, but no progress? Why do some people so that the performance is not a color? This is a problem in the time management. However, this error is not easy to find, because whether these errors appear in others or on our own body, we are very difficult to immediately realize that because they are not obvious, can not prompt our attention, but these mistakes tend to Cause you to get out of control on key matters. Management time is to manage life, can be said that the main difference between people, from how to spend their own 24 hours. When people try to take advantage of their time and improve their work efficiency, they tend to fall into the following pitfalls: false skills: take the initiative to take too much overloading work, although you can improve their efficiency and ability to bear Cheap Coach Bags more Work, but do not do too far. You do too much, will cause a lot of Nike Air Max Shoes pressure and will reduce your work efficiency.womens nike shox oz white purple
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
Lady Gaga Accepted Answer Pending Moderation
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.