I am creating a child theme for the first time, and sort of learning as I go.
I am having an issue with the way videos are showing up on a mobile phone with my child theme, but not with my parent theme. I’m wondering what is going on.
On my child theme the videos show up large when viewed on a mobile device (http://wpdallas.com/test)
However, in the parent theme the videos show up fine: http://wpdallas.com/plain
In my child them I am importing the following css, do I need to import every CSS file into my child theme, or just the style.css? (I’ve found conflicting info when learning how to do this.)The parent theme has about 20 different css files. I’m wondering if I need to import them all into my child theme, or if I need to delete the other two below, and just leave the first one (style.css.)
Just trying to figure out why the child theme isn’t styling correctly. Thanks.
@import url("../Standard/style.css");
@import url("../Standard/standard_framework/css/standard_framework.css");
@import url("../Standard/css/lib/adapt/mobile.css");
This question depends entirely on the Theme in question, and how it handles CSS.
style.css
file, obviously, you only need to importstyle.css
.header.php
, based on whether or not you want to use the styles defined in those stylesheets.wp_enqueue_style()
, you don’t need to do anything. Such stylesheets will continue to be enqueued in the Child Theme. If you don’t want those styles, then you need to dequeue those stylesheets, viawp_dequeue_style()
in the Child Themefunctions.php
.add_action( 'wp_print_styles', $callback )
, you don’t need to do anything. Such stylesheets will continue to be printed in the Child Theme. If you don’t want those styles, then you need to override the output of those stylesheets, viaremove_action( 'wp_print_styles', $callback )
in the Child Themefunctions.php
.I think that covers most of the bases.