Jump to content
Sign in to follow this  
steffanantonas

Custom Code --> Custom CSS --> CSS Rules Field Doesn't Work

Recommended Posts

steffanantonas    0
steffanantonas

I've installed Platform Pro (v 1.2), and I've activated the Base childtheme (1.0.4) to customize my site. The only problem is that I can't get the CSS rules to take inside theme's control panel (Custom Code --> Custom CSS). I'm guessing this is a permission issue, but I can't find the right file to 777. I even went back and reactivated the platform pro theme, and set the dynamic.css file's permissions to 777. Didn't work. Please help before I lose all my hair. It also might be helpful to put up a list of all the files that need to be writeable in the FAQ. Thanks!

Share this post


Link to post
Share on other sites
cmunns    16
cmunns

It may not be a permissions thing as that code gets inserted into the header, what is a sample of the css that won't change, you may just need to be more specific with your selectors?

Share this post


Link to post
Share on other sites
steffanantonas    0
steffanantonas

It's basic stuff like... #body { padding-top: 15px; } #feature_slider .fcontent .dcol-pad { height: 450px; padding: 100px 30px 20px; } I can't seem to change ANY CSS

Share this post


Link to post
Share on other sites
Andrew    201
Andrew

A live link would help us investigate... Until then we can only guess... couple ideas: 1. Could be about specificity (rules not specific enough) 2. Is the dynamic.css file changing when you change design control rules? 3. Are your rules working with FireBug?

Share this post


Link to post
Share on other sites
steffanantonas    0
steffanantonas

Andrew, Here's a live link. A few answers to your questions - The dynamic.css file seems to be picking something, but it's gobbledygook, which I've never seen before. Check this out... dynamic.jpg Yes. Rules work with firebug. Thanks for your help.

Share this post


Link to post
Share on other sites
catrina    103
catrina

That is strange. Have you tried viewing dynamic.css in another text editor (not Dreamweaver)?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
steffanantonas    0
steffanantonas

Catrina, This is a screenshot of my text editor. Mac shows the dreamweaver icon, but this is just txt.

Share this post


Link to post
Share on other sites
catrina    103
catrina

Ah, I see. Maybe it's just the text editor display then. Which specific rules do you want to edit?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
steffanantonas    0
steffanantonas

Problem solved. No idea why this is, but it's so simple it's insane. All of my CSS rules I was putting in to the Custom CSS field looked like this (for example)... #body { padding-top: 20px } When I removed the "#", i.e. body {padding-top:20px} Everything worked and all the styles took. I was just following the convention of your own style sheet. So there, you go. Problem solved.

Share this post


Link to post
Share on other sites
steffanantonas    0
steffanantonas

Here's a tip for people having the same problem.... Styles that look like this (below) REQUIRE the "#" for the custom CSS to take (i.e. removing the "#" will result in no change): #soapbox .fboxgraphic { height: 255px; margin: 0 0 55px; overflow:visible; } but styles with no classes (like below), need to have no "#" in order to work: body { padding-top:20px } That's the way it works in my theme at least. I have NO idea why this makes a difference, but it does.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×