solved back ground color

Ho do I change the white back ground color of the menu where , what css ?

Home Charts Artists Songs Sound Cloud Videos YouTube Vimeo Concerts
Members
Blogs
search




--
The Scientist
dubmusic.com
Thanks for any assistance.
updated by @izhmel: 01/19/17 05:55:49AM

I guess you mean the header color at the top of your site, where your logo and the main links are?
In your ACP....go to your Active skin, in the Style TAB...look for the options in your: header.css


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

It is not where it is , there needs to be a simpler way to find the CSS you want to edit ... I wish there was a CSS link that is only visible to the admin , i.e. when the admin hover over an area , i.e. the back ground area of the menu the admin wants to edit , the admin would see the link (edit css) I know this is totally possible for the JR team to do ...

Thanks


--
The Scientist
dubmusic.com
Thanks for any assistance.
updated by @izhmel: 01/14/17 02:35:36AM

That is what the FireFox's developer tools do, in fact I think most browser have this now, right click on a section and click inspect element, it will show you html and CSS classes and id's used.

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

The end users don't wanna learn codes, that's a developer's mind set , and is why you says that..
It would be way easier and cool to just hover over the area and the CSS edit would display to the admin instead of having to learn FireFox's developer tool and understand the language in FireFox's developer tool


--
The Scientist
dubmusic.com
Thanks for any assistance.

There is already a way to do it in firefox for every website, your request is to recreate that entire system again just for jamroom.

I've tried to build that, got it partially working, but firefox version is still MUCH better.

Just my own two cents Izhmel... I'm a senior and a non-coder. When I started my JR site I found that in order to set the colors on my own site I would have to either use the jamroom Site Builder tool or go to the Style settings of my custom Skin to set the various colors/fonts, etc. It didn't really require any coding skills on my part... just required that i explore to see where my site and skin settings are. It did take a little time to get my bearings, but once i learned where most of my basic settings were, it became less frustrating to me, even though still today I don't know much about actual coding.

Speaking as a former 6 year ning site owner- site settings are easier to find on a Ning site, but then I didn't OWN the platform for my ning site and I didn't have access to the platform or the code, so i had way less control over how it looked and acted. On Jamroom I own and run my own site completely, therefore i have access to hundreds of settings that were not available to me on Ning. It takes a while to get the hang of where to find each setting I'm looking for...but for me it's worth it because I now have ALL control over my site and my content. Just my view of it.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
updated by @strumelia: 01/14/17 11:45:17AM

There needs to be a simpler CSS method , you have to understand the language in FireFox's developer tool to use the tool , I don't wanna have to learn a next tool


--
The Scientist
dubmusic.com
Thanks for any assistance.

Welcome to Jamroom CSS Navigation Page

Create a CSS edit page and lay it out like this , all the user have to do is i.e. click on Edit Profile BCG to edit the profile background collar , the link would take the user to the CSS that changes the profile background collar .. there is no need to go study FireFox's developer tools

i.e.
Edit Header
Edit Footer
Edit BGC
Edit Profile BCG
Edit Admin BGC
Edit font size and color all on one page for all text size and colors all on one page for all the text in JR ,instead of being all over the place in different CSS

The links would take the user directly to the CSS for the area the user/ admin wants to edit....

This is a much better way and don't require any other tools ,, when a non developer uses FireFox's developer tool , here is what they see. .... sefjhwaser,kug$%^^*^(&(jhsrdgfn,hcw4sr#$%^&mjhcwngjshdrncngb jhrxngc bsmejhncg sejhmcrxn ghzrxncgfbvsmjhdznfgvxfhcnfvbwsmhjxnm562545, they don't always under stand the codes the way a developer sees code , they see gibberish...

I had created a CSS edit page before and now it don't work because the CSS links were changed in the JR upgrades . This is why I know it can be done, because I did it before


--
The Scientist
dubmusic.com
Thanks for any assistance.
updated by @izhmel: 01/14/17 09:20:24PM

I agree with you derrickhand 300 , it is not so easy using those tools , maybe for a developer that understands the language , as I said , I created before a " Jamroom CSS Navigation Page" and it worked until the upgrades ..

This is a much better way , if you wish to change the back ground collar @ a later date , you don't have to go look for the CSS codes again all you have to do is go to the Jamroom CSS Navigation Page and click "Edit Profile BCG" and its done , it is that simpler

I.e. to change the profile menu background color all the user would have to do is click "Edit Profile BCG" and the link would take you to , " /core/skin_admin/style/skin=jrNova/file=profile.css/section=simple ", the user/admin would see, " Profile Menu BG color on the CSS page " ......

This is much easier just in case the user /admin wants to edit the page @ a later date , the user/admin don't have to go use some third party tool just to edit the CSS codes wish is a waste of time..


--
The Scientist
dubmusic.com
Thanks for any assistance.

Your custom CSS should work (I think) on the JR6 site - just need to add the custom.css file to the CSS folder - then add it to the include pho list

This was a page with the links I had created to the different areas
i.e.
Edit Header BGC
Edit Footer BGC
Edit BGC
Edit Profile BCG
Edit Admin BGC


--
The Scientist
dubmusic.com
Thanks for any assistance.

I have not gotten a precise answer as to what CSS file change the BGC of the menu , this shows there needs to be a better way .. can some one in the JR team says exactly what CSS ? it is not all that easy using third parties tools ...

What CSS file do I edit to change the BGC of the menu of ?
"Home Charts Artists Songs Sound Cloud Videos YouTube Vimeo Concerts "

Members
Blogs
search


--
The Scientist
dubmusic.com
Thanks for any assistance.

menu css should be controlled by the menu.css file (could be core_menu.css), look for the #menu class and change the back-color attribute.

NB if background-color isn't there, it means the menu has inherited the white background, so just add the line in the class.


000000 is black, get the color's hex code you want from here http://www.color-hex.com/

If you're using sitebuilder menu I don't know of the top of my head what the css class is, and my laptop screwed up yesterday and I had to do a reformat so still setting everything up again.

That is still not it using the nova skin


--
The Scientist
dubmusic.com
Thanks for any assistance.

In FireFox's developer tools (they are simpler than your audio tools, you will like them), right click on the menu's background, then find .menu_inner in the list and use the color picker to see which color looks right.

Use that color for the .menu_inner background in /skins/jrNova/css/core_menu.css

If it doesn't look right on mobile, then try changing skins/jrNova/css/mobile_core.css .menu_inner background-color


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
updated by @ultrajam: 01/17/17 02:12:44PM

Ultrajam , the CSS you recommended do not exist

Thanks


--
The Scientist
dubmusic.com
Thanks for any assistance.

It does, I can see it on your web pages by using firefox developer tool. Right click on the background, select Inspect Element and you will see it too.


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

The menu background color is the menu_inner class found in your menu.css file.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Thant dose not change the menu BGC in menu.css


--
The Scientist
dubmusic.com
Thanks for any assistance.

I had to manually edit menu.css, background: to linear-gradient(#000000, #000000); /* @ignore */

I don't remember how to make it show up in the ACP under the CSS editor.

Can the JR team do this so when there is updates I don't lose the modifications ?

So what we need is a navigation page with "Edit MENU BCG ", when you click the link , the link would carry you to "/core/skin_admin/style/skin=jrNova/file=menu.css/section=advanced " the admin/ user would see "Edit MENU BCG "

If the JR team could start making the navigation page with the basics first , that would be nice ....

i.e.
Edit Header
Edit Footer
Edit BGC
Edit Profile
Edit Admin BGC
Edit all text

Thanks


--
The Scientist
dubmusic.com
Thanks for any assistance.
updated by @izhmel: 01/18/17 07:02:55AM

If it's a setting or code that you changed in your custom skin, then JR skin updates won't change or erase your custom skin modifications.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

You can just type background: black;


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

Strumelia ,all these links was always working an I think when there was an update to JR 6 they stopped working ..... They are @ my footer and is only available to admins ....
Edit Header
Edit Footer
Edit BGC
Edit Profile
Edit Admin BGC
Edit all text

This is how simple the CSS navigation page can be that is only available to admins, and limited access to members that can only edit there own profile page ...


--
The Scientist
dubmusic.com
Thanks for any assistance.
updated by @izhmel: 01/18/17 09:12:50AM

add something like


Above the class you want to appear in the admin panel.

I don't know what version of Nova you're using as I downloaded Nova light and the menu background shows up in the style tab.

Yes I get it- you made a few links to places where you might regularly change a color code or a font style. That's certainly a handy thing. Sometimes when i need to remember where a code setting is in JR, I either just drag a link into a folder and name the shortcut with a description that makes sense, or I jot down a little note to myself in a notebook on my desk. Not too hard for me to do. You've put your 'handy links' right smack in your site footer instead of a folder, where you can access them quickly. But now after a major platform update your links won't work- so maybe it would have been better to actually write down the location rather than create a hotlink? Can you not update your broken links now? How did you create them in the first place- can you not repeat that process?

You keeping hammering on the need for such a list of 'basic/important' shortcuts to be provided to everyone. The thing is, everyone has different settings that they might want to revisit or change from time to time. For example I wouldn't want or need a link to ANY of the six places you've made 'basic' links to- my 'jump to' list to places where I might need to change code regularly is completely different than yours. I don't let my members change their profile backgrounds...I don't keep changing my site font...and I already know where to change my footer and header in my particular skin.

But yes there are dozens of settings that are important to me for MY site, so I make my own links to them or I make notes on where they are located. __Everyone's list of 'basic important settings links' will be different.__ I don't expect the JrTeam to provide a categorized list of all the settings and code locations that all of us might find useful. I figure it's real important for me to learn where things I want are, even if it takes me a while.

I bought the JR platform and I own it and I run my site which I own. It's like I bought a really big house with 100 rooms in it. I moved into the house and at first i got lost wandering around the hallways. I got lost often..it's so big and complex! But after a while of living in it I begin to at least know where the kitchen is and where the linen closet is, and the bathroom and the furnace. I don't expect the realtor to create a map for me to my favorite rooms, and another map for my neighbor who lives in a similar house but has their own favorite rooms...


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

Strumelia , people like me brings innovation to JR , I have been using Jamroom from day one and seen all the changes, and also seen where JR eventually took some of my recommendations, not all users is going to be like you who wants to study codes....

The basic CSS should be easier to change "DUMMY PROOF", If you notice all the advises were incorrect including yours , I had to manually edit menu.css for it to work " background: to linear-gradient(#000000, #000000); " .....

I hope to see a much easier CSS in JR that don't need third party tools to figure out what to change , wish some times is not accurate as you seen from some of the advises using third party tools ....


--
The Scientist
dubmusic.com
Thanks for any assistance.
updated by @izhmel: 01/18/17 09:46:01PM

Marking this as solved, there is no need in dragging this out as I don't think a stylizer type module is in the works anytime in the near future.

Might be something we consider at a later date though.

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos