WordPressの背景色とboederを変更したい

Question

下記のWordpressのサイトで

https://kanototori.sakura.ne.jp/ff14column/

①ヘッダー・フッター・FILTER BY:・アクセスの部分の背景をfff→fafafaに変更
②ページ内のボーダーを削除

したいのですが、CSSが反映されず困っております。

CSSは下記の変更をいたしました。
①style.cssのbackground-colorが記載してあるところは#fafafaに変更
②bodyにbackground-color:#fafafaを設定
③rgbaが設定してある部分は(250,250,250,0.5)に変更
④borderにsolidが指定してあるところは0pxに設定
⑤chromeのデベロッパーツールで該当CSS::selectionを見つけてbackground-color:#fafafaに変更
です。

ながくなりますが、該当箇所と思われる部分のCSSをはります

/*
 *  Skeleton Framework
 */
@import url(lib/css/skeleton.css);

body {
    line-height: 1;
    word-wrap: break-word;
　　background-color:#fafafa;
}

#primary-nav ul.nav-listing li a.selected span:before {
    content: "\f418";
    color: #fafafa;
    font-size: 23px;
    font-size: 2.3rem;
    margin-left: -3px;
    margin-top: -2px;
    float: left;
}

}
code {
    background-color: #fafafa;
}

body {
    background: #fafafa;
}


hr {
    border: solid #fafafa;
    border-width: 0px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

table,
th,
td {
	border: 1px solid #fafafa;
	padding: 5px;
}

select {
    background: url("images/dropdown-arrow.svg") no-repeat right center;
    background-color: #fafafa;
    background-color: rgba(250, 250, 250, 0.5);
    padding: 6px 30px 6px 11px;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;
}

#primary-nav.fixed {
    background-color: #fafafa;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    border: none;
    padding-bottom: 1px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);

#header {
    padding: 20px 0 25px 0;
    background-color: #fafafa;
}

#top-nav ul ul {
    background-color: #fafafa;
    border-bottom: none;
    position: absolute;
    left: 50%;
    top: 27px;
    z-index: 5;
    display: none;
    width: 160px;
    text-align: left;
    border-radius: 2px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
    transform: translate(-50%, 0);
}

#top-nav ul li li a, #top-nav ul li.current-menu-item li a, #top-nav ul li.current-menu-parent li a, #top-nav ul li.current-menu-ancestor li a, #top-nav ul li li.current-menu-item li a, #top-nav ul li li.current-menu-parent li a, /*3rd level*/
#top-nav ul li li.current-menu-parent li.current-menu-item a {
    background-color: #fafafa;
    color: #8AB7AD;
    zoom: 1;
    height: auto;
}

::selection {
    background: #fafafa;
    color: #333;
}

ご教示頂ける方、おられましたらお願いいたします。

Comments

[退会済みユーザー]

ご指摘ありがとうございます。
該当部分と思われるCSSを追加し、試したことに
⑤chromeのデベロッパーツールで該当CSS::selectionを見つけてbackground-color:#fafafaに変更
を追加いたしました。

Answer 1

1つ目のボーダーは、

上記を下記のように変更すれば消えました。

2つ目のボーダーも

上記のborder-topを、以下のように書けば消えるかと思います。

#footer {
  border-top: none;
}

Comments

[退会済みユーザー]

ご回答ありがとうございました！
footerの部分は消えていなかったので、ご参考にさせて頂きました。

Answer 2

お騒がせしまして申し訳ありません。
子テーマを読み込んだらCSSに反映されました。

add_action( 'wp_enqueue_scripts', 'my_enqueue_style_child' ); 
function my_enqueue_style_child() { 
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
} 

をfunctions.phpに追記したら解決いたしました。