This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Exporting custom CSS to child theme

  • Creator
    Topic
  • #9323
    mattvd
    Member

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • #9326
    Jason Bobich
    Keymaster

    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

    #9333
    mattvd
    Member

    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

    #9335
    Jason Bobich
    Keymaster

    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.

    #9340
    mattvd
    Member

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.