It is mostly matter of personal preference how to structure this.
The typical approaches are:
- CSS import (used to be popular, but considered kind of meh now);
- enqueue parent stylesheet as dependency and customize with rules in your stylesheet (more files, less trouble);
- copy parent stylesheet into child completely either once or repeatedly via build tools (less files, more trouble).
If you go with enqueue you can retrieve URL to parent theme with get_template_directory_uri()
function.
Related Posts:
- Versioning @import of parent theme’s style.css
- Attributing a version number to a child theme’s main stylesheet
- how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
- Why is the Child Theme Stylesheet Not Loading?
- Give priority to child theme stylesheet
- How can I make new .css file in child theme override styles in child theme’s style.css
- Style.css in child theme is loaded before Bootstrap
- Overwrite CSS with without deleting it
- Child Theme vs. Jetpack Editor
- Child theme style.css isn’t overwriting parent style.css
- How to use custom stylesheet only for a template in child theme
- Order of stylesheets in child theme
- Child theme problem
- What is the correct workflow for modifying child themes?
- How can I get this child theme stylesheet to properly load? Or if it is correct, why doesn’t my child theme appearance match the parent?
- Child theme not importing parent styles
- Set a link in child theme style.css to jump to #main [closed]
- Stylesheet overriding in Child theme
- Two stylesheets acting on one element
- WordPress Child Theme – twentyeleven
- Modify Twentyeleven child theme CSS – How to change body font size?
- Enqueuing multiple stylesheets with a child theme
- How to override styles from child theme if all the styles are in a folder?
- How to activate the child theme in WordPress?
- How to create my own style.css file in an wordpress child-theme
- @Media min-width & max-width
- How to add code to Header.php in a child theme?
- Why does my child theme CSS get called twice?
- Child themes CSS priority problems without using !important
- Hiding Parent Theme
- how to call files in child theme?
- Child theme showing a blank page
- Child theme preview missing
- Getting rid of unused css directives [closed]
- Child Theme Not Overriding Parent Theme
- Proper way to make a tweaked theme into child-theme setting?
- Promoting child theme to stand alone
- Activating child theme returns “active theme is broken”
- CSS in child theme not getting loaded
- How to change Parent Themes in Child Theme CSS
- Duplicate and alter sidebar for Twenty Eleven
- Recommended way to load / enqueue parent and child stylesheet to enable cache busting
- HTML head-tag get broken in my child theme
- iPhone Safari full size & PC versions different
- Where is wp-content/themes folder?
- Priority loading file css in child theme
- Enqueue Child CSS to Load After Bootstrap CDN
- How to add child theme after using parent theme for long
- How to remove a script that was queued up in the footer in a parent theme
- Prevent a base themes css file from loading
- Creating new templates in child themes breaks layout
- Child them function.php ‘parent-style’: should I name this as parent theme name?
- Remote install won’t find Parent theme when intalling Child Theme, but local install does
- configuration for child theme
- Child Header.php Not Showing On Other Pages
- How to extend parent theme sections and settings to Options Tree
- Importing changes to Child Theme
- Is it possible to add a ribbon in the background of h1 on every page?
- Mobile issue – website isn’t properly detecting screen size [closed]
- Child theme does not load all style
- Creating child-theme from other template files
- Child theme not overriding ‘includes’ folder on server – on localhost it does
- Trying to figure out why my child theme is trying to access a file that doesn’t exist
- Custom Background by Page IDs
- Child style loads before all parent styles
- Not all CSS elements transferring via parent to child?
- child theme – moved files from twentyeleven theme to child them, now not working
- Which is the child theme and which is the parent theme?
- Storefront theme : Add Categoy to recent products section
- The requested theme does not exist. Stylesheet is missing – error after changing style.css name to my-styles.css in wp child theme?
- design has been broken in WordPress child theme [closed]
- Parent theme styles overriding child theme CSS [closed]
- All of my custom Bootstrap styles are not working in my child theme!
- Earlier stylesheet not overriding later one
- CSS stopped working after line 150 [closed]
- CSS is not loaded on mobile devices
- use child theme for mobile version
- How to edit background color of only one sidebar?
- How to replace function in child theme?
- Can only override parent theme styling with ‘!important’ in child style.css
- Change child theme after updating parent theme
- Including code from other themes in child themes
- Pseudo class :before don’t working in a specific button
- How to locate parent theme functions and add functions to my wordpress child theme?
- Change WP Child theme CSS for WP Bootstrap Starter Theme
- Remove image border in twentyeleven theme [closed]
- Child Theme not loading multiple stylesheets
- use css for resize image into mobile thumbnail
- why child theme style sheet in wordpress editor is blank?
- Widget text color change
- How to Create a Child Theme for a Site that Already has a lot of Customization?
- How to prevent funny characters on Home Page
- Change default header image in twenty fourteen child theme
- Functions.php in child theme that loads CSS file breaks website
- Functions.php in Child Theme – load JS
- creating a new child theme
- Selling a child-theme of twenty-thirteen is legal? [closed]
- What is __(arguments) in my functions.php
- Can’t override CSS with child theme
- How to override a theme template file with a child theme template file (of the same name)