style.css hierarchy

  • admin315


    Did a search… found nothing that address this issue, but found some neat ideas.


    Child theme is installed (thank you very much, Prasanna!) and I know that the fuctions.php is doing the job because the upload for my header is working and showing the new size for the upload and not asking to crop. However, the child style.css is getting lost.

    When I make any changes to the child css it doesn’t show, but if I put it in the custom css in the options area it does work. I can also see that it is pulling the child css, but above the others so everything I put there is getting killed.

    Firefox shows my css loading:


    wp-content/themes/graphene-child/style.css?ver=3.3.1 <




    Thanks in advance for your time.



    What did you name the folder where your child theme resides? It cannot have any spaces in the folder name.

    If that’s not the problem, post your child theme style.css file here (please wrap your code between backticks).


    Kenneth John Odle


    It really shouldn’t be pulling in the graphene style sheet. (The light styles is okay, however.) It may be something funky in your functions file.



    I didn’t name the folder anything, I actually went to Prasanna SP website and downloaded his “youre-too-stupid-to-create-two-simple-files-on-your-own” child theme for dummies:

    Followed the paint by number instructions. All works fine. As I said the child’s functions.php edit works as my header image is the new size.

    When I view the css file listing it lists the child style, but before the main.

    The only thing I have in my child functions.asp file is

    <br />
    function graphene_modify_header_height(){<br />
    return 309;<br />
    }<br />
    add_filter('graphene_header_image_height', 'graphene_modify_header_height');<br />

    Thanks all!

    PS – love Ultimate TinyMCE


    Kenneth John Odle


    The functions file is a .php file, not an .asp file. There should be some opening and closing php tags, and no line breaks.

    It’s possible that your ftp client was set to the wrong type of mode. Your functions file should look like:


    function graphene_modify_header_height(){
    return 309;
    add_filter('graphene_header_image_height', 'graphene_modify_header_height');




    Actually, I cut and pasted from a message post here for my fuctions.php content code… obviously I don’t have BR tags in the code either. it was a bad example.

    Either way, the functions.php (it works fine) is not the issue it’s the style.css file.


    Kenneth John Odle


    Either way, the functions.php (it works fine) is not the issue it’s the style.css file.

    Well, not quite. If you have a properly formatted and uploaded child theme, then the original style sheet shouldn’t be loading at all. Something is causing it to load, which is why I suspected the functions file.

    Why don’t you provide a link to the site in question so we can take a closer look?



    You can also try this.

    This should help for those having a hard time understanding how to create a child theme.

    Download the plugin and literally click one button to create a full child theme. Your new folder on your ftp will show the new style.css, screenshot, style.rtl.

    After that your ready to edit your Child Theme without ever touching the original parent theme.

    It’s basically just one click. Then just re-copy your current child theme CSS to the new child theme CSS.


    Syahir Hakim


    Provide the URL to your site so that we can take a closer look.



    Try adding !important after the element style information. Example – width: 1000px !important;

Viewing 10 posts - 1 through 10 (of 10 total)

  • You must be logged in to reply to this topic.