blog documentation FAQ followers forum marketplace services youtube

solved Need CSS Help

The Jamroom Network » Forum » Using Jamroom » Page » Need CSS Help
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Need help understanding what I am doing wrong with CSS
I am attempting to change the footer color of my site from ##D1D0CE to #FFFFFF

This is the default CSS for the footer
#footer {
    background-color: #D1D0CE !important;
}

In my custom CSS I have added this
#footer {
    background-color: #FFFFFF !important;
}

I have changed the code everywhere imaginable and after a few hours now I am really frustrated

I have also changed the original style sheet css to the FFFFFF color- but somehow this is getting cached...I have done MANY cache resets and integrity checks...

Can anyone spot what I am doing wrong?
updated by @derrickhand300: 12/22/16 11:55:59AM
douglas
@douglas
9 years ago
2,800 posts
Check that you haven't modified that in your ACP > Skins > YOURSKIN > Style tab. That tab overrides CSS files.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Thank you Douglas..I had actually checked that before posting

SKINS>STYLE>FOOTER.CSS

Nothing in there for footer background color ( I am using the slate skin)

Under the VIEW CHANGES tab is see that it states the css has been changed to
#footer { background-color:#D1D0CE !important; }

But I have no idea where..
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Sorry this will be lengthy- but looking at the page source- the css that I cannot seem to edit appears with this group of css
#jrmenu_content {background-color:#FFFFFF !important;}
#jrmenu a {color:#CC0000 !important;}
#jrmenu li:hover > a {background-color:#D1D0CE !important;}
#jrmenu ul {background-color:#D1D0CE !important;}
#jrmenu ul li {border-right-color:#000000 !important;border-bottom-color:#000000 !important;border-left-color:#000000 !important;}
#jrmenu ul li:first-child > a {border-top-color:#000000 !important;}
#jrmenu ul ul li:first-child a:after {border-right-color:#000000 !important;}
.rank {color:#3B3131 !important;}
.normal {color:#3B3131 !important;}
#menu ul li:first-child > a:after {border-bottom-color:#000000 !important;}
#menu ul ul li:first-child a:after {border-right-color:#000000 !important;}
#menu ul li:first-child a:hover:after {border-bottom-color:#000000 !important;}
#menu ul ul li:first-child a:hover:after {border-right-color:#000000 !important;}

#footer {background-color:#D1D0CE !important;}

#menu ul a {width:auto !important;}
@media handheld,only screen and (max-width:767px) {.item {margin:2px auto !important;}
#footer a {color:#FF0000 !important;}
}
.page_notice_drop {background-color:#000000 !important;}
#footer a {text-transform:capitalize !important;text-decoration:none !important;color:#FFFFFF !important;}
#footer a:hover {text-decoration:underline !important;}
#footer_text {text-align:right !important;color:#CCCCCC !important;font-size:14px !important;padding:12px !important;}

I have added spaces above/below it...is there a style sheet somewhere in Slate that contains this CSS together?
douglas
@douglas
9 years ago
2,800 posts
I'm not seeing an issue on my dev site using the Slate skin.

Can you send us your site URL and admin login so I can check it out?

Thanks!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Thank you Douglas-I am not thinking its a problem with Jamroom-just a problem with my coding
derrickhand300
@derrickhand300
9 years ago
1,353 posts
The site is http://roughneckcity.com- you can see the gray footer I wish to turn white
derrickhand300
@derrickhand300
9 years ago
1,353 posts
This is in my footer html

{if isset($css_footer_href)}
    {foreach from=$css_footer_href item="_css"}
        <link rel="stylesheet" href="{$_css.source}" media="{$_css.media|default:"screen"}"/>
    {/foreach}
{/if}

Any idea where this is located?
$_css.media|default:"screen"

I have searched EVERY SINGLE CSS file on my server and nowhere is there the code
#footer { background-color:#D1D0CE !important; }

Yet in Data>cache>skin> its there in the cache folder...I keep erasing it on the server and it keeps coming back instead of the #FFFFFF which I have added..
updated by @derrickhand300: 01/22/16 10:55:42AM
douglas
@douglas
9 years ago
2,800 posts
Are you making these changes via the Style tab or modifying the actual CSS file and uploading it to your server?

The only time an "!important" is attached, is when you've modified the element in your Skins "Style" tab. If you see a reset button next to the footer ID in your skins "Style" tab, try clicking and reset your cache.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Hi Douglas and thanks again man...
I am making the changes by modifying the CSS and uploading to server in both the footer.css and my custom page "custom.css" which is set to override the other css files...
When I look at the styles tab I see the VIEW CHANGES it shows all my changes including that footer code thats stuck in there...but I still cant find it or how its overriding my custom.css page?
derrickhand300
@derrickhand300
9 years ago
1,353 posts
I dont know if this helps...but I just erased my entore footer.ccc file- cleared my browser cache- cleared my site cache- did integrity check-also disabled Cloudflare and PURGED EVERYTHING

Still the entire footer is still intact...through the last few days i have erased the data/cache file several time- no help

I dont have ANY template codes overriding the site using the style/templates- all my changes are made on the server..
derrickhand300
@derrickhand300
9 years ago
1,353 posts
I have also checked EVERY style sheet on my server=this code
#footer {
    background-color: #D1D0CE !important;
}
still cannot figure out why its on the site-other cache changes are clearing fine
is not in ANY of the sites style sheets
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Also no RESET buttons are showing up in the style tab footer.css- because all the changes are on the server-there is a button that says RESET SKIN STYLE which i am afraid to click-I dont know what will be lost
douglas
@douglas
9 years ago
2,800 posts
Can you send us your admin login so we can check it out?

support[at]jamroom[dot]net

Thanks!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
michael
@michael
9 years ago
7,791 posts
derrickhand300:......cannot figure out why its on the site-other cache changes are clearing fine is not in ANY of the sites style sheets...
If its not in any of the style sheets, then its an alteration made by the STYLE tab of something in the ACP.

It will be being stored in the database.
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Yeah its not in the style tab either...I actually gave up on it...Thanks Douglas for the offer to look into it but I am not a paid support subscriber and hate to do that.
douglas
@douglas
9 years ago
2,800 posts
This should be a real easy fix, as Michael said, if changing the CSS file isn't working, then there is a setting for that class in the database.

If you'll send you URL, admin login and FTP info, I'll look into it for you. It shouldn't take too long to do.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Thank you Douglas im sending it now
douglas
@douglas
9 years ago
2,800 posts
I've got this fixed for you.

Let me know if you see any issues.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Thank you Douglas!!!
Can you tell me what the issue was?
derrickhand300
@derrickhand300
9 years ago
1,353 posts
If you are ever out in Western Oklahoma- message me and i will put some steaks on the grill!
douglas
@douglas
9 years ago
2,800 posts
This issue was you had footer CSS saved in the database for your skin.

ACP > Developer Tools > Tools > Database Admin and its the custom_skin_css column in the jr_jrcore_skin table.

What part of Western Oklahoma are you from?


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Ok I dont know how to get into database admin...and work ( I stay away from the database)
I live in ERICK which is West on I40-7 miles from Texas State Line...
douglas
@douglas
9 years ago
2,800 posts
Yeah, that is a ways out there, I don't get out that way very often. :)


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
You really should- we like to call it "God's Country" lol
I always assumed you were around Edmond- because of some of the sites you built?
douglas
@douglas
9 years ago
2,800 posts
North OKC, close to Edmond, closer to Nichols Hills if you know that area?


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Yes I know the area - where all the rich folks live :)
Are you a OKC Thunder fan?
updated by @derrickhand300: 02/19/16 07:57:17AM
douglas
@douglas
9 years ago
2,800 posts
Sort of a fan, don't watch much TV. :)


--

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

Tags