CSS Gradients Not Work With CSS Custom Input?

  • Author
  • #767537

    I am editing Jakeelliot.com using Theme Andrea and I seem to be having a problem with the custom styling field. I usually develop using the Free Source Version at WordPress.org that I install on my clients own servers and then either make a custom template or edit another’s style.css…

    The following style declaration works in the self Install of WordPress and is actually used at one of my client sites – http://theeisolution.com/finance-topics/personal-finance/ for the sub nav link elements.

    ‘-moz-linear-gradient(center top , black, #3C3C3C 1px, #292929 25px) repeat scroll 0 0 transparent;’

    Note-> I have not tested the Webkit work-around/hack.

    Why is this not working and is there a work around, maybe being able to use my own style.css by uploading it to the server? Any help would be greatly appreciated as these site edits need to be completed by end of next week per contract.


    The blog I need help with is jakeelliotfiction.com.


    Um ok what is going on here…. Is CSS 3 disabled or something? I’ve never heard of such a thing and am very aggravated.

    Now my transitions get deleted upon saving. Is there anyway to get access to the main style sheet and edit it directly?


    Some CSS3 rules are not enabled yet. Apologies for the trouble!

    Could you please let me know what other CSS3 rules you’re interested in besides -moz-linear-gradient ?


    Yes no problem… and boo… very boo. Well the gradient can be fixed using a pic slice…. but the doggone transitions man :(…

    Here’s a list that needs implementation. :)

    transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;


    All moz-gradients.

    Transitions would be awesome too but I have no specific need for those…

    Thank you for quick response,


    Let me see what I can find out for you.


    *** Not transitions lol but transformations / transforms


    Okay! I’m checking it out. Thank you for posting some specific examples for me!



    This site is not a free hosted WordPress.com blog (jakeelliot.com/) — puzzled. :S


    Hmm, I read it as they wanted to test on WordPress.org first and then be able to add the same CSS here at WordPress.com. @shortbuswonderkid, is that the case or are you working on only WordPress.org sites from start to finish?



    I noticed that none of those sites referred to in the OP are free hosted WordPress.com blogs. I know that the two run on different software and the themes of the same name are coded to either run on our multiuser WordPress.com software or on WordPress.org installs. I also know that CSS editing here is theme specific and we Volunteers direct those with local installs to post to http://wordpress.org/support That’s why this is puzzling to me. :S


    Sure, we can ask them. But also, I’m still interested in researching out the CSS3 question for WordPress.com anyway. :)



    The OP points out that they usually develop on wordpress.org, so I wouldn’t expect the referenced sites to be on wordpress.com. It sounds like the site they’re working on is currently on .org, and is due to be transferred to .com as soon as they can get the CSS to work properly here.

    I don’t know whether they’re doing their wordpress.com testing on the blog linked to their username, a separate test blog, or the username that jakeelliot.com will eventually be mapped to, but either way I doubt the design is actually live on wordpress.com at the moment since a) most clients will only want one copy of their site live at any one time to avoid issues with duplicate content and b) most people rely on the preview feature for testing anyway.



    I just installed Dusk to Dawn on my site and did a bit of tweaking: as soon as I changed the background colour I lost the gradient. Is there any way staff could re-do that? It was a terrific feature.


    @raincoaster, ohhh! I’m glad you asked. I’ll find out and get back to you. :)


    @raincoaster, I’m super happy to report we’re working to add gradient support so you can update the background colors of the Dawn to Dusk theme. Note that you do need the Custom Design upgrade to do it. It’s partially working already, and more updates are on the way. :)

The topic ‘CSS Gradients Not Work With CSS Custom Input?’ is closed to new replies.