TwentyTwentyoneでCSSの記述の仕方が分からない

Question

お世話になっております。

WordPressでTwentyTwentyoneを使ってHPを作成しています。
ヘッダーの余白（Padding）を小さくしたいことから、子テーマにCSSを記述しているのですが、なんと書いても変更ができません。

/*
 Theme Name: child
 Template: twentytwentyone
*/

.site-header {
    padding-top: 0;
    padding-bottom: 0;
}
header#masthead.site-header.has-logo.has-menu {
    padding: 0;
}

<?php
    add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
    function theme_enqueue_styles(){
        wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css' );
        wp_enqueue_style('child-style', get_stylesheet_directory_uri().'/style.css', array('parent-style'));
    }
?>

以上のコードに何か付け足すことがあればご教示いただけないでしょうか。
またTwentyTwentyOneのThemeを直接コードを編集しても（親テーマを直接編集しても）、クライアントページの余白（Padding）は一向に小さくならないため、どうすることもできず、質問をいたしました。

現状はFileZillaにてSFTP接続し、cssファイルをアップロードしており、WordPress上でもローカルで編集したコードが確認できていることから、コードの反映自体はされていると思っております。

何卒よろしくお願いいたします。

Comments

[K_3578]

とりあえずソースコードは全部載せてください。

んで、ソースコードはMarkDownの<code>ブロック内に貼り付けてください。

```言語名(HTML,CSS等)
ソースコード
```
上記のようにしてみてください。

[George__]

K_3578さま
コメントをいただきまして誠にありがとうございました。

Answer 1

解決できました。
wordpressの追加CSSに上からコードを書き加えることで対応できました。