• I have a child theme of the parent theme “Make” from The Theme Foundry.
    In the Editor in Appearance, the file “style.css” in “make-child” theme, I got a warning that “@charset not allowed here” and “@import not allowed here”. So I removed the text and saved. Then all styling was gone. I pasted back all the original text in “style.css” and saved in the editor. But all styling are still gone.

    How can I fix this?

    Here is the original (and current) text in style.css:

    /*
    Theme Name: make-child
    Template: make
    Author: Child Theme Configurator by Lilaea Media
    Version: 1.0
    Updated: 2014-06-09 22:09:41
    */

    @charset “UTF-8”;
    @import url(‘../make/style.css’);

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    How are you editing the file? It’s best to use a regular editor and upload the result via FTP, rather than editing from within WP.

    Not sure if you ever found out what was wrong here, but it’s the @charset line – it needs to be at the very top, above the theme info.

    @charset
    “.. must be the first element in the style sheet and not be preceded by any character”

    So:

    @charset "UTF-8";
    /*
    Theme Name: theme-child
    Template: theme
    Author: EmSixTeen
    Version: 1.0
    */
    @import url('../theme/style.css');

    See here: https://developer.mozilla.org/en-US/docs/Web/CSS/@charset

    Hi, although I’m not working with child themes any longer I remember that it never went wrong by following the guide on:

    https://codex.www.ads-software.com/Child_Themes

    literally. Why exactly I stopped making child themes I don’t know. Maybe because I had to copy too many files a.o. header.php and footer.php.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Style.css not working’ is closed to new replies.