blog documentation FAQ followers forum marketplace services youtube

solved css in elastic skin

The Jamroom Network » Forum » Design and Skin Customization » Page » css in elastic skin
Intro2Music
Intro2Music
@intro2music
10 years ago
121 posts
In Elastic html.css there isn't code for the body background colour. e.g., background-color:#ffffff; I'm sure there was one in the old core_html.css Has this code moved to another .css file?

Mick
updated by @intro2music: 11/30/14 06:04:59PM
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
Try #wrapper in skins/jrElastic/css/site.css

#wrapper {
    margin:0 auto;
    padding-top:72px;
    background-color:#EEEEEE;
    padding-bottom: 12px;
}



--
¯\_(ツ)_/¯ 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 :)
Intro2Music
Intro2Music
@intro2music
10 years ago
121 posts
Hi Steve, I tried that in the 'style editor' but it isn't it. It's the background colour of the body I want to change, e.g. the blue background on jamroom.net

Mick
brian
@brian
10 years ago
10,148 posts
Intro2Music:
Hi Steve, I tried that in the 'style editor' but it isn't it. It's the background colour of the body I want to change, e.g. the blue background on jamroom.net

Mick

This was changed a while back so the Profile Tweaks module can properly set a background image - if you change it, then profile tweaks backgrounds will no longer work.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
Intro2Music
Intro2Music
@intro2music
10 years ago
121 posts
Thanks Brian. So how can I add a blue background to my site like you have on Jamroom.net without blowing out the profile tweaks?

Mick
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
Intro2Music:
Hi Steve, I tried that in the 'style editor' but it isn't it. It's the background colour of the body I want to change, e.g. the blue background on jamroom.net

Mick

Yes, that's the wrapper here on jamroom.net:
#wrapper {
    margin: 0px auto;
    padding: 12px 0px;
    background-color: #0C1634;
}
You can check that using Firefox developer tools - right click on the blue background, select "inspect element", then change the color in the css rules on the right.


--
¯\_(ツ)_/¯ 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 :)
Intro2Music
Intro2Music
@intro2music
10 years ago
121 posts
Hi Steve,

it's not what's inside the wrapper that I want to change, it's the outside of the wrapper. For example, if I change the Background Image, 'bckgrd.png' in the skin editor, and have the new background image visible in the Header and Footer, it would be good to see the image through a transparent setting on the outside of the wrapper too.

From what Brian said earlier it seems the choice for me is either to have a background image or colour on the main site pages, but only if Profile Tweaks aren't being used, or, to have Profile Tweaks enabled and not be able to have a background colour or image on the site pages.

I hope this makes sense. Did I get this right, Brian?

Mick
michael
@michael
10 years ago
7,714 posts
Steves right, its #wrapper that you want.

The issue that exists though is that that tag is not setup to be found by the STYLE editor, so it wont appear in the STYLE tab on the skin in the ACP.

You can change it in:
/skins/jrElastic/css/site.css

Its right at the top. Or wait for the next release of jrElastic which will have that selector in the CSS.

This will be the update if you want to go ahead and change it yourself, then the STYLE tab will work.
/* @title Site Wrapper */
/* @help This is the wrapper for the Site Content */
#wrapper {
    margin:0 auto; /* @ignore */
    padding-top:72px; /* @ignore */
    background-color:#EEEEEE;
    padding-bottom: 12px;
}
Intro2Music
Intro2Music
@intro2music
10 years ago
121 posts
Thanks, Michael. That sounds good. I'll wait for the next skin build.

Cheers.

Mick