Style.css in child theme is loaded before Bootstrap

Mostly the parent theme might be enqueing the child theme’s style.css, if so you can dequeue it by using handle and then enqueue with proper dependency.

If the child theme’s handle is child-theme-style, then dequeue it using

wp_dequeue_style('child-theme-style')

then enqueue it as needed like so.

wp_enqueue_style('child-theme-dep',get_stylesheet_uri(),array('bootstrap-handle-here'))

enter image description here

We can easily know the child theme stylesheet url by looking at the link output in the head, for example in the attached image.

<link rel="stylesheet" id='hybrid-style-css'  href="https://wptavern.com/wp-content/themes/stargazer-child-dev/style.css?ver=4.6.1" type="text/css" media="all" />

Tells us that the child theme’s enqueue handle is hybrid-style which is the id without -css.

Related Posts:

  1. Why is the Child Theme Stylesheet Not Loading?
  2. Give priority to child theme stylesheet
  3. Prevent a base themes css file from loading
  4. 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?
  5. How to create my own style.css file in an wordpress child-theme
  6. Versioning @import of parent theme’s style.css
  7. Attributing a version number to a child theme’s main stylesheet
  8. how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
  9. Issues enqueueing parent & child theme stylesheets with revised Codex method
  10. Get parent theme version
  11. How to use parent theme’s enqueue methods
  12. How to maintain wp_enqueue_style dependencies set in parent theme style enqueuing
  13. How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
  14. How can I make new .css file in child theme override styles in child theme’s style.css
  15. Disable child theme css on certain pages
  16. Enqueue styles properly in a child theme and stylesheets location
  17. Child Theme Not Overriding Parent Theme
  18. How are updates to the style.css file in child theme recognized?
  19. How do I set up a child-theme without using @import
  20. Find a Parent Theme’s stylesheet $handle when it registers a stylesheet
  21. Dequeue only stylesheets but not inline style added using wp_add_inline_style
  22. Understanding child theme functions.php
  23. Load custom css after bootstrap
  24. Overwrite CSS with without deleting it
  25. De-registering parent style sheet css recommended?
  26. Enqueue stylesheets if parent theme has more than one .css file
  27. ERROR MESSAGE: Missing index.php—Child Theme
  28. Priority loading file css in child theme
  29. Is my child theme working properly
  30. Enqueue Child CSS to Load After Bootstrap CDN
  31. Child theme style repeated
  32. How to NOT call Font Awesome or font icons in WordPress
  33. @font-face broken in child theme
  34. How to install bootstrap in child theme
  35. Child Theme vs. Jetpack Editor
  36. WordPress Child theme’s css not loading
  37. Different ways to load child theme css
  38. Parent theme CSS overriding child CSS rules
  39. How do add a the style-mobile css from the main theme to the child theme?
  40. Child theme style.css isn’t overwriting parent style.css
  41. Confused about how to use wp_enqueue_style
  42. How to use custom stylesheet only for a template in child theme
  43. Order of stylesheets in child theme
  44. Child theme problem
  45. Port existing Bootstrap site to WordPress?
  46. why this media query is not working / not loading when I put it in child theme?
  47. Child theme stylesheet not always overriding “index”
  48. Child style loads before all parent styles
  49. Child Theme CSS not showing at all
  50. What is the correct workflow for modifying child themes?
  51. How to install Bootstrap in a WordPress child theme
  52. CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
  53. Parent theme styles overriding child theme CSS [closed]
  54. Child theme not importing parent styles
  55. All of my custom Bootstrap styles are not working in my child theme!
  56. How to make child theme in wordpress with wp_enqueue_style ? Using Enough Theme
  57. get_template_directory_uri() links to child theme not parent
  58. Set a link in child theme style.css to jump to #main [closed]
  59. Stylesheet overriding in Child theme
  60. Two stylesheets acting on one element
  61. WordPress Child Theme – twentyeleven
  62. Modify Twentyeleven child theme CSS – How to change body font size?
  63. Can only override parent theme styling with ‘!important’ in child style.css
  64. Why would the child theme load in the Customize preview, but not on the site itself?
  65. Why does using wp_register_style without wp_enqueue load and print CSS tags in the front-end?
  66. How to enqueue stylesheets in child-theme functions.php?
  67. Dequeing Parent Fontawesome Deques Parent Styles
  68. Remove Stylesheet by URL that has not been enqueued
  69. How to reference different css (bootstrap) stylesheets for the header and body of a page?
  70. How to enqueue multiple style sheets into my child theme in wordpress (oceanwp)
  71. My Child Theme CSS Isn’t Working
  72. Font size decreases when child theme is created from parent theme?
  73. Enqueuing multiple stylesheets with a child theme
  74. Child Theme not loading multiple stylesheets
  75. how to fix loading scripts in child theme?
  76. How to override styles from child theme if all the styles are in a folder?
  77. Modify arguments for parent theme’s `wp_register_style` via child theme
  78. Why won’t my Custom CSS Load
  79. Why are my parent styles loading after my child styles?
  80. Browser stacks different versions of style.css
  81. Bootstrap 4 Optimization
  82. How to activate the child theme in WordPress?
  83. Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
  84. Can’t disable child theme style
  85. Can I change Bootstrap button color?
  86. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  87. Customize Bootstrap checkboxes
  88. Vertical Align Center in Bootstrap
  89. Does bootstrap have builtin padding and margin classes?
  90. Bootstrap Dropdown menu is not working
  91. What is sr-only in Bootstrap 3?
  92. How to set up fixed width for ?
  93. How to change btn color in Bootstrap
  94. How does the data-toggle attribute work? (What’s its API?)
  95. Adding images to a Bootstrap Carousel with AJAX
  96. Bootstrap 4 images thumbnail classes
  97. What does an “&” before a pseudo element in CSS mean?
  98. Bootstrap NavBar with left, center or right aligned items
  99. Bootstrap Dropdown menu is not working
  100. Bootstrap Dropdown menu is not working