CSSは最後に読み込まれたものが反映されます。
なので、ElementorのCSS
→親テーマのCSS
→子テーマのCSS
の順に読み込ませればOKです。
とりあえずwp_enquue_styleで検索してみてください。
もっと具体的な回答が必要な場合はあなたのサイトのURLの提示をお願いします。
RICK様
回答ありがとうございます。
Elementorが複数のランダムなcssを出力するのでwp_enquue_styleでどのように指定するのか調べてみます
こんにちは
テーマのスタイルを wp_enquue_style する際に、Elementor のスタイルに依存するように第三引数を指定すると、Elementor のスタイルの後によみこまれると思います。
依存するスタイルが出力されないと、テーマのスタイルも出力されませんが。
Elementor を使ったことはないですが、ソースを見ると
elementor-icons
elementor-animations
elementor-frontend
elementor-global
というスタイルは常に読み込まれているんじゃないでしょうか。
ですので、
$deps = [
'elementor-icons',
'elementor-animations',
'elementor-animations',
'elementor-frontend',
'elementor-global'
];
wp_enqueue_style( 'テーマスタイルのハンドル', 'スタイルのURL', $deps );
とすれば、Elementor のスタイルのあとに出力されると思います。
もしテーマのスタイルが出力されなくなってしまった場合は、指定するElementor のスタイルをelementor-frontend
だけや、elementor-global
だけにしてみるなど試してみてください。
(どのスタイルが出力されているかは link タグの id 属性を確認してください)
また、子テーマをご利用で親テーマでスタイルが読み込まれている場合、子テーマ内で一旦 wp_dequeue_style などで wp_enqueue_style を解除した後、改めて上記コードで wp_enqueue_style する必要があるかもしれません。
繰り返しますが、私は Elementor を使ったことが無いので、これで思い通りの動作になるか、確信がないことをご了承ください。