solved Time line BG color

izhmel
@izhmel
9 years ago
1,323 posts
Where do I edit in the css to change the BG color of the gray

http://www.dubmusic.com/the-scientist/action


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

updated by @izhmel: 05/05/15 03:27:03PM
brian
@brian
9 years ago
10,148 posts
Looks like it is the "item" class: .item


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
izhmel:
Where do I edit in the css to change the BG color of the gray

http://www.dubmusic.com/the-scientist/action

Would that not be this: #timeline { background: none repeat scroll 0% 0% #CCC; } as the background for the .item is set to transparent to show the grey for the timeline, if you just change .item that will change the colour for all with the class .item
izhmel
@izhmel
9 years ago
1,323 posts
What Css is( item) ?


--
The Scientist
dubmusic.com
Thanks for any assistance.
SteveX
SteveX
@ultrajam
9 years ago
2,584 posts
.item is the class name.


--
¯\_(ツ)_/¯ 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 :)
douglas
@douglas
9 years ago
2,790 posts
izhmel:
Where do I edit in the css to change the BG color of the gray

http://www.dubmusic.com/the-scientist/action

If your using the newest version of the Nova CSS files, the timeline CSS is in the skins/jrNova/css/core_action.css file.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
izhmel
@izhmel
9 years ago
1,323 posts
I edited ( Nova CSS files, the timeline CSS is in the skins/jrNova/css/core_action.css file.- )and I reset the chase It skill is gray ,

http://www.dubmusic.com/the-scientist/action


--
The Scientist
dubmusic.com
Thanks for any assistance.
douglas
@douglas
9 years ago
2,790 posts
Are you modifying the file through the ACP or modifying the CSS file and then uploading it to your server via FTP?

If you are using FTP, make sure you haven't modified it via the ACP as that overrides the CSS file.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
izhmel
@izhmel
9 years ago
1,323 posts
I am modifying the file through the ACP


--
The Scientist
dubmusic.com
Thanks for any assistance.
douglas
@douglas
9 years ago
2,790 posts
Try adding a background color to the .item class in your core_list.css file.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
izhmel
@izhmel
9 years ago
1,323 posts
Thanks


--
The Scientist
dubmusic.com
Thanks for any assistance.
douglas
@douglas
9 years ago
2,790 posts
Your welcome!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
izhmel
@izhmel
9 years ago
1,323 posts
After the update the BG turned gray and I cant find where to make it black , can you tell me where to edit this ? I tried the recommended Css and that did not work

http://www.dubmusic.com/hekima/audio/7637/money-blow-your-mind


Thanks in advance


--
The Scientist
dubmusic.com
Thanks for any assistance.
douglas
@douglas
9 years ago
2,790 posts
douglas:
Try adding a background color to the .item class in your core_list.css file.



--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
izhmel
@izhmel
9 years ago
1,323 posts
Thanks Douglas, that worked ... Can you please tell me where to edit the gray borders

http://www.dubmusic.com/junior-demus/audio/7616/the-shitsym-is-a-fraud


Thanks in advance


--
The Scientist
dubmusic.com
Thanks for any assistance.
douglas
@douglas
9 years ago
2,790 posts
Are you talking about the thin dark gray borders that have rounded corners, or the light gray that is real thick?


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
SteveX
SteveX
@ultrajam
9 years ago
2,584 posts
I think it's the light gray.

Iz, have you tried using the browser tools? Right click on the border and choose "inspect element". That will give you access to the class name that you need to change.


--
¯\_(ツ)_/¯ 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 :)
izhmel
@izhmel
9 years ago
1,323 posts
The gray around the player and the grays under the profile photo

http://www.dubmusic.com/junior-demus/audio/7616/the-shitsym-is-a-fraud

ultrajam , I am a novice @ this , I would have to learn the language , I bin pushing for an easier css system that has a map , so I don't have to learn fire bug... without knowing the terminology or the language, this is what it looks like to a novice like me (ygrygdxr!@#$%^$%$$334%#^%DCV$#FVYYTT)(**&&&^^%^) Quantity

Symbol

Equation(s)

Standard Metric Unit

Other Units
Potential Difference

(a.k.a. voltage)

ΔV

ΔV = ΔPE / Q

ΔV = I • R

Volt (V)

J / C
Current

I

I = Q / t

I = ΔV / R

Amperes (A)

Amp or C / s

or V / Ω
Power

P

P = ΔPE / t

(more to come)

Watt (W)

J / s
Resistance

R

R = ρ • L / A

R = ΔV / I

Ohm (Ω)

V / A
Energy

E or ΔPE

ΔPE = ΔV • Q

ΔPE = P • t

Joule (J)

V • C or

W • s


Do you understand the formula ??


--
The Scientist
dubmusic.com
Thanks for any assistance.
SteveX
SteveX
@ultrajam
9 years ago
2,584 posts
You don't need to understand that formula in order to change the css on your website. Firebug is the tool you need to get to grips with.


--
¯\_(ツ)_/¯ 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 :)
douglas
@douglas
9 years ago
2,790 posts
izhmel:
The gray around the player and the grays under the profile photo

http://www.dubmusic.com/junior-demus/audio/7616/the-shitsym-is-a-fraud


Unfortunately, you are not going to be able to change those colors via the ACP.

For the player, you'll want to modify your modules/jrAudio/css/jrAudio_player_dark.css and change the border color from this:

/*
 * jrAudio Dark Player CSS
 */

.jr_audio_dark_player div.jp-audio,
.jr_audio_dark_player div.jp-video {
    font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
    font-family:Verdana, Arial, sans-serif;
    line-height:1.6;
    color: #ccc;
    background-color:#111;
    position:relative;
    border:2px solid #666;
    margin:2px 1px 1px 1px;
    padding:1px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
}

And for the profile photo, you'll want to modify your skins/YOURSKIN/css/core_image.css and change the border color for the iloutline class.

/* @title Image Outline Link */
/* @help This is the small outline around small images that are linked */
.iloutline {
  border:1px solid #BBB;
  vertical-align:middle;
  margin:1px;
  padding:1px;
}

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
izhmel
@izhmel
9 years ago
1,323 posts
Thanks Douglas , this took care of the problem



Thanks


--
The Scientist
dubmusic.com
Thanks for any assistance.
douglas
@douglas
9 years ago
2,790 posts
Your welcome! :)


--

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

Tags