Exporting custom CSS to child theme

[mattvd]

Hi there,

I would like to export our custom css changes from the backend wordpress option to the child theme’s style.css sheet.
However, when I go in and copy/paste all css changes we have from the theme’s theme options > styles > custom CSS area to our child theme’s style.css , our website looks a bit screwy and some css values are not found when I move them? What is the proper way to go about doing this?

http://uglyopportunities.com

Thanks for your time

Topic

[Jason Bobich]

Hello,

In your Child theme, there is a CSS file included after everything else, where as style.css is not. This file is in your Child theme at: /assets/css/custom.css

So, you’d want to copy your custom styles here. Checkout the Child theme video in your documentation and will explain this in more detail.

https://vimeo.com/41331677

[mattvd]

Thanks for your response,

Unfortunately, when I put it in assets/custom/custom.css I still get the same look to my site. I am not sure why when I transfer it from the custom css part of the theme to an actual css file it looks different?

When I inspect elements on my homepage when the site looks funky, it looks like they have their div tags associated with them, but with no styling information when I put into assets/custom/custom.css ?

I watched your tutorial and believe I am editing the child theme correctly, and have it enabled as my current theme… any help is appreciated.

Thanks for your time,
Matt

[Jason Bobich]

Your custom.css file is currently empty:

http://uglyopportunities.com/wp-content/themes/alyeska-child/assets/css/custom.css

I see you’re using WP Total Cache. — Are you sure you’re clearing the plugin’s cache after updating these things? Are you clearing your browser’s cache after updating CSS files?

Putting your custom css in the Theme Options or in the custom.css is literally just about the same thing. Investigate a little bit. — Just view the source of your site and see where these items are outputted. You can see they are both outputted next to each other, showing that doing one or the other is essentially the same thing.

[mattvd]

Thank you! Was accidentally uploading the custom.css file into the test server rather than the real site folder…. thanks!

[Author]

Replies