How to change Parent Themes in Child Theme CSS

I think you are confused about this. Let me explain.

The @import url("../responsive/style.css"); is telling the Child theme to import the Responsive themes style.css. This is important because without this the Child theme doesn’t know what its Parent theme is. So the @import url("../responsive/style.css"); points the Child theme to the default (main) file in the Responsive theme (in most all WordPress themes the default or rather main file is the style.css which includes the themes header defining what it is).

So basically without the import function in the style.css of your Child theme, the Child theme would be broken and there would be no link between the Child theme and Parent theme.

So how do you find the path to put in the import function (i.e. /responsive/style.css). You can find this by entering your FTP (FileZilla, cpanel, or whatever client you want) and going to the public_html – wp-content – themes section. Then find the theme folder of the theme that you are going to make a Child theme for. Put that folders name in the import followed by the style.css (i.e. /thethemefoldername/style.css).

Sorry if that sounds confusing. So basically you need to figure out what your themes file name is that you are switching to and the replace that with the responsive in the import function. That will point that Child theme to the new theme that you desirer. If you change that then that is all you need to do.

You can just use a Child theme plugin. I would recommend https://wordpress.org/plugins/child-theme-configurator/ or https://wordpress.org/plugins/one-click-child-theme/ . With these you can just create a new Child theme and then add your new stuff to that.

And how exactly do I create a backup in case it gets messed up when switching over?

You should always make backups of your website. There are a few ways you can do this. One is a plugin. There are tons of plugins out there like https://wordpress.org/plugins/updraftplus/ or https://wordpress.org/plugins/backwpup/ . These plugin can create scheduled backups add you can create and restore backups at any time. The only thing is that they have limited features.

You could go for VaultPress (https://vaultpress.com/) or BackupBuddy (https://ithemes.com/purchase/backupbuddy/). These are easier to use and secure although they come at a price because they are a premium plugin.

Backup in hosting dashboard. You can do this on most hosting companies. They allow you to backup your website although there are next to no settings or extra features.

I would suggest reading through some of these resources if you are still confused.
https://codex.wordpress.org/Child_Themes
https://codex.wordpress.org/WordPress_Backups
https://codex.wordpress.org/Backing_Up_Your_Database
http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Related Posts:

  1. How can I remove css from a child theme?
  2. Help with child theme enqueuing additional css files
  3. why this media query is not working / not loading when I put it in child theme?
  4. Free theme and css/bootstrap.css is not overridden in the child theme
  5. Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
  6. CSS in child theme to replace !important in parent theme
  7. Why are my parent styles loading after my child styles?
  8. Versioning @import of parent theme’s style.css
  9. how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
  10. Child themes CSS priority problems without using !important
  11. Why is the Child Theme Stylesheet Not Loading?
  12. How do I remove specific styles from the parent theme css using the child theme css?
  13. Do I only need to import style.css for a child theme?
  14. How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
  15. Child Theme CSS Not Overriding Parent Theme In MultiSite Site
  16. Disable child theme css on certain pages
  17. some things in child theme css not overriding parent
  18. Why do WordPress default themes specify fonts in so many places?
  19. CSS in child theme not getting loaded
  20. TwentyTwelve versioning
  21. Duplicate and alter sidebar for Twenty Eleven
  22. Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
  23. How to load parent theme style.css?
  24. Font Awesome wp_enqueue_style
  25. Different ways to load child theme css
  26. WordPress Twenty Fourteen Theme Sidebar
  27. Order of stylesheets in child theme
  28. Importing changes to Child Theme
  29. Load in wp admin assets from child theme
  30. How to integrate my HTML and javascript into my child theme
  31. Child Theme with multiple css files
  32. Trying to figure out why my child theme is trying to access a file that doesn’t exist
  33. Child theme CSS not applying to element
  34. Correct Way To Make Changes To A WordPress Theme
  35. Child theme stylesheet not always overriding “index”
  36. Why is this jquery / java script code not working in mobile / in devices?
  37. Child Theme CSS not showing at all
  38. Why is my child theme style.css not found (404) in the front-end? [closed]
  39. How to sync the style in the visual editor with the style of a child theme?
  40. Remove CSS Attribute by Overriding CSS in Child Theme
  41. CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
  42. child theme appears again when I put the header with parent name.
  43. All of my custom Bootstrap styles are not working in my child theme!
  44. Earlier stylesheet not overriding later one
  45. get_template_directory_uri() links to child theme not parent
  46. Css will not display in webpage, after adding it in style.css in child theme
  47. How to enqueue stylesheets in child-theme functions.php?
  48. Dequeing Parent Fontawesome Deques Parent Styles
  49. WordPress childtheme not loading any CSS/SCSS
  50. My Child Theme CSS Isn’t Working
  51. all of a sudden my child theme style.css is being ignored? Its been working fine for months?
  52. Change WP Child theme CSS for WP Bootstrap Starter Theme
  53. Font size decreases when child theme is created from parent theme?
  54. Change style of Twenty Seventeen child theme
  55. Strange Theme Error – parent style occasionally showing though child theme
  56. 100% Width Footer – Custom Child Theme
  57. Browser stacks different versions of style.css
  58. How to activate the child theme in WordPress?
  59. Can’t override CSS with child theme
  60. Add Custom CSS Class in Child Theme [closed]
  61. force footer on bottom on pages with little content
  62. Dynamically change color to lighter or darker by percentage CSS
  63. CSS “margin: 0 auto” not centering
  64. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  65. Using font awesome in codepen
  66. using media queries with LESS
  67. How to get multiple images to auto resize and stay centered within a div
  68. CSS rotation cross browser with jquery.animate()
  69. How can I center