Child theme issue

Dazzling
1

Hello everyone!
Today i tried to create a child theme for dazzling theme, but got some troubles with it. I use the latest version of dazzling and woocommerce plugin. So, here is my style.css file for child theme


/*
Theme Name:     Dazzling child theme
Theme URI:      http: //example.com/
Description:    Dazzling child theme
Author:         My name
Author URI:     http: //example.com/about/
Template:       dazzling
Version:        0.1.0
*/

@import url(«../dazzling/style.css»);

Also i tried to create style.css like this because i thought that i should include all .css files, but I’m not sure if its correct.

/*
Theme Name:     Dazzling child theme
Theme URI:      http: //example.com/
Description:    Dazzling child theme
Author:         My name
Author URI:     http: //example.com/about/
Template:       dazzling
Version:        0.1.0
*/

@import url(«../dazzling/style.css»);
@import url(«../dazzling/inc/css/bootstrap.css»);
@import url(«../dazzling/inc/css/bootstrap.min.css»);
@import url(«../dazzling/inc/css/flexslider.css»);
@import url(«../dazzling/inc/css/font-awesome.min.css»);

After I apply my child theme, my site appears like this

Not correct view
Not correct view800×432 116 KB

But should look like original site

So slider disappears, and everything other brokes. Also bootstrap menu in header also disappears

I would be thankful if someone will help me :slight_smile:

2

You are using a “wrong” type of quotes. it should formated like this:

@import url("…/dazzling/style.css");

The rest looks fine and no need to import Bootstrap or any other CSS file in Child Theme style.css

3

Everything works fine now. Thank you so much!