style.css hierarchy

  • admin315

    #3560

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

    Issue:

    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-includes/css/admin-bar.css?ver=20111209

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


    wp-content/themes/graphene/style.css

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

    suggestions?

    Thanks in advance for your time.

    Anonymous

    #24855

    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).

    Mod

    Kenneth John Odle

    #24856

    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.

    admin315

    #24857

    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: http://www.prasannasp.net/graphene-child-theme-template/

    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

    Mod

    Kenneth John Odle

    #24858

    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:

    <?php

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

    ?>

    admin315

    #24859

    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.

    Mod

    Kenneth John Odle

    #24860

    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?

    Anonymous

    #24861

    You can also try this.

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

    http://wordpress.org/extend/plugins/one-click-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.

    Admin

    Syahir Hakim

    #24862

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

    Anonymous

    #24863

    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.
Do NOT follow this link or you will be banned from the site!