Trouble with creating a child theme

  • Hello,

    I’ve downloaded a theme (FashionPro) and I would like to have a child theme to modify the theme without risking losing all my modifications during an update.

    In my theme folder I’ve got fashionpro and fashioprochild, I’ve set up the css file in fashioprochild but when I edit the style.css the modifications doesn’t apply on fashionpro.

    fashionpro – style.css :

    /*
    Theme Name: FashionPro
    Theme URL: https://theme-junkie.com/
    Description: A magazine theme designed by Theme Junkie.
    Author: Roy Guan
    Author URI: https://theme-junkie.com/
    Version: 1.0.1
    Tags: three-columns, advertise-ready, widget-ready, advanced-theme-options

    Copyright: (c) 2010 Theme Junkie.
    License: GNU/GPL Version 2 or later. https://www.gnu.org/licenses/gpl.html
    */

    fashionprochild – style.css :

    /*
    Theme Name: FashionPro Child
    Theme URL: https://theme-junkie.com/
    Description: Child theme for FashionPro theme
    Author: Roy Guan
    Author URI: https://theme-junkie.com/
    Template: fashionpro_v1.0.1
    Version: 1.0.1
    Tags: three-columns, advertise-ready, widget-ready, advanced-theme-options

    Copyright: (c) 2010 Theme Junkie.
    License: GNU/GPL Version 2 or later. https://www.gnu.org/licenses/gpl.html
    */

    @import url(“../fashionpro/style.css”);

    #headerwrapper{ background:none; width:970px; margin:150px auto 0px auto; padding:0px; }

    The line #headerwrapper doesn’t overwrite the one used by the original css in fashionpro, where did I get wrong with my child theme ?

    Thanks you for your help.

    Best regards,

Viewing 12 replies - 1 through 12 (of 12 total)
  • Anonymous User

    (@anonymized-3085)

    Template: fashionpro_v1.0.1

    I think should be:

    Template: fashionpro

    Thread Starter JohnWinch

    (@johnwinch)

    Thanks you for your answer. I’ve corrected it, cleared the cache of Firefox but nothing has changed. I don’t understand why this don’t work.

    Anyone got any ideas ?

    Anonymous User

    (@anonymized-3085)

    Oh silly question, are you still using the original theme? or have you activated your child theme?

    Thread Starter JohnWinch

    (@johnwinch)

    Yes, I’ve activated my child theme ??

    Current Theme
    FashionPro 1.0.1 by Roy Guan

    Child theme for Fashionpro.

    The template files are located in /themes/fashionpro. The stylesheet files are located in /themes/fashionprochild. FashionPro uses templates from FashionPro. Changes made to the templates will affect both themes.

    Anonymous User

    (@anonymized-3085)

    Any chance of a link to your site?

    Thread Starter JohnWinch

    (@johnwinch)

    I’m working on Wamp, I’m sorry it’s not online ??

    Anonymous User

    (@anonymized-3085)

    I asked because that way I could check that your CSS was actually being called. I use Firefox + firebug to do this.

    Thread Starter JohnWinch

    (@johnwinch)

    How can I do this myself ?

    Anonymous User

    (@anonymized-3085)

    Firefox

    Firebug

    Thread Starter JohnWinch

    (@johnwinch)

    I’ve downloaded the extension, how do I check if the right css is called ?

    Anonymous User

    (@anonymized-3085)

    that can be easy, you can right click and use inspect element (or open firebug first and use the button on the panel – which I tend to do.

    I also need to apologise, because there are far easier ways of telling if your CSS was being used – sorry.

    ie – check the header of the page and check where the CSS is being called from.

    or by putting a border around something via CSS (which can be useful when testing).

    Thread Starter JohnWinch

    (@johnwinch)

    No need to apologies, I really appreciate the time you spent by helping me.

    Here’s the code form firebug :
    <link media=”screen” href=”https://127.0.0.1/wordpresstest/wp-content/themes/fashionpro/style.css&#8221; type=”text/css” rel=”stylesheet”>

    Despite the theme description in the wordpress’s administration panel who say that the css are in fashionprochild, apparently the css is called from fashionpro.

    Is there a problem with the path used to load the theme ?
    @import url(“../fashionpro/style.css”);

    Current Theme
    FashionPro 1.0.1 by Roy Guan

    Child theme for Fashionpro.

    The template files are located in /themes/fashionpro. The stylesheet files are located in /themes/fashionprochild. FashionPro uses templates from FashionPro. Changes made to the templates will affect both themes.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Trouble with creating a child theme’ is closed to new replies.