T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (6)

Resolved change "Navbar Inverted" and "Spotlight inverted" colors

0
Votes
Undo
  1. Luke devon
    Luke devon
  2. General Discussion
  3. Monday, 12 August 2013
  4.  Subscribe via email
Hi

I want to change "Navbar Inverted" and "Spotlight inverted" colors. I tried to modify parameters under "// Inverted navbar" in variable.less file.
Colors didn't changed.

May I know , how to change those default colors ?

Thanks in advance
Luke
Comment
There are no comments made yet.
Accepted Answer
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Luke devon,

It require some css skill to change the color.
There was no actually document for it.

Please inspect element via firebug.

Please open this file and change.
\less\navigation.less

.T3Navbar() when (@T3NavbarInverted = 1) {

....
....
....

// Links
// -----
.navbar .nav > li > a {
color: @grayLighter /* here the color */;
border-right: 1px solid @grayDark;
}

....
....
....

Hope it helps,

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Responses (6)
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Luke devon,

"Navbar Inverted" and "Spotlight inverted" available only when you turn on
@T3NavbarInverted: 1;
@T3SpotlightsInverted: 1;

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Luke devon
Luke devon
Accepted Answer Pending Moderation
0
Votes
Undo
Hi

I turn on those two parameters and I have assigned "@navbarInverseBackground: #BC9DC3;" . But still I am getting same default dark colours.
Please help me ,

Since the theme of the web site is different I would like to use some nice purple colors for menus and other content areas. I was able to change the "Link Colour" which suites with the logo .

Regards
Luke.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Luke devon,

T3Inverted is deprecated we will update it.

You can style for invert navbar in this block.

.T3Navbar() when (@T3NavbarInverted = 1) {
..... put your style here
}

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Luke devon
Luke devon
Accepted Answer Pending Moderation
0
Votes
Undo
Hi

I did the modification as you said . But still colors will not changed.



// MEGAMENU (Inverted)
// -------------------------------------------------------

.T3Navbar() when (@T3NavbarInverted = 1) {

// The Group
// ---------
// Group Title
.mega-nav .mega-group > span,
.dropdown-menu .mega-nav .mega-group > span {
//color: @white;
color: #BC9DC3;
// Link states
&:hover, &:active, &:focus {
color: @white;
}
}

is there a proper guide to customizing colors ? Please help .

---------------------------------------------------------------------------------------------------------------------------------------------

May I know is there any other way to use my own style + js with t3-mega menu ?

I want to use mega-menu as I want to use "item caption" for each menu item. My main menu is based on "Lava-Lamp Style Navigation Menu".

http://nettuts.s3.amazonaws.com/600_spasticNav/index.html (example)

Thank you
Luke.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Luke devon
Luke devon
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much. Your guide and firebug helped me a lot and I could change the colours as I wish.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
  • Page :
  • 1


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