Jamroom Logo Jamroom 5 Core
is now Open Source!
User Support Forum Archive (Read Only)
User Site Design, Integration and Customization:
Change menu button color on Nova
ouviste



Joined: 12 Aug 2006
Posts: 470
Location: Toronto, Ontario, Canada

Posted: 06/01/12 16:30 
I wanted to change the background colour on the menu button "Free Signup" on the Nova Skin so it's stands out, now it only changes colour if you put your mouse over it, where and how do I do this? I have tried playing around with it on the header, but no luck.

Thanks in advance.

Eddy

Back to top
peterson



Joined: 21 Feb 2013
Posts: 12

Posted: 02/22/13 04:03 

ouviste:
I wanted to change the background colour on the menu button "Free Signup" on the Nova Skin so it's stands out, now it only changes colour if you put your mouse over it, where and how do I do this? I have tried playing around with it on the header, but no luck.

Thanks in advance.

Eddy


i got the self problem. i did not find it in css

Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 02/22/13 06:58 
Just add the background-color style to the link in the skins/Nova/jr_header.tpl file.

Find this:


Code
            <a onclick="jrLoad('#main','{$JAMROOM_URL}/{$jamroom_index}?t=signup_options','#signup_choice',5);" class="rounded {ldelim}transparent{rdelim} cart">{jr_lang id="111" default="Free Signup!"}</a><a onclick="window.location='{$JAMROOM_URL}/login.php'" class="rounded {ldelim}transparent{rdelim} button" style="margin-right:0px;">{jr_lang id="112" default="Login"}</a>


And add this:


Quote:
<a onclick="jrLoad('#main','{$JAMROOM_URL}/{$jamroom_index}?t=signup_options','#signup_choice',5);" class="rounded {ldelim}transparent{rdelim} cart" style="background-color:#FF0000;">{jr_lang id="111" default="Free Signup!"}</a><a onclick="window.location='{$JAMROOM_URL}/login.php'" class="rounded {ldelim}transparent{rdelim} button" style="margin-right:0px;">{jr_lang id="112" default="Login"}</a>


You may want to change the HEX color to what you want.

Hope this helps,
Douglas


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
peterson



Joined: 21 Feb 2013
Posts: 12

Posted: 02/22/13 09:54 
where to change the menu-colors? i don´t find it on NOVA.css

Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 02/22/13 10:31 
It is in Nova.css, which rules to change depends on which menu colors you want to change.

If you look at the element you want to change it will have class names and/or id. Those are the css classes to find in Nova.css.

The easiest way of looking is to use the developer tools in your browser. So in Firefox right click the menu button, or the background, whichever part you want to change, then select Inspect Element, and the css appears in the browser. Work out what you want to change in the browser, then find and change the relevant class names in the css files.


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 02/22/13 12:13 
The Nova menu uses a combination of classes...

.rounded
.rounded_h
.button

All found in the skins/Nova/Nova.css file.

Hope this helps,
Douglas


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
Display posts from previous:   
User Support Forum Archive (Read Only)
User Site Design, Integration and Customization

 
Solutions
• Social Media Platform
• Social Networking Software
• Musician Website Manager
• Community Builder
Products
• Jamroom Core
• Jamroom Addons
• Jamroom Modules
• Jamroom Marketplace
Support
• Support Forum
• Documentation
• Support Center
• Contact Support
Community
• Community Forum
• Member Sites
• Developers
Company
• About Us
• Contact Us
• Privacy Policy
©2003 - 2010 Talldude Networks, LLC.