前略、ｙｐｋさん

投稿者:: @ｙｐｋ

①サイドメニューの検索ボックスに文字を入力しようとするとピンク色になるのですが、この仕様を廃止したいこと。なくしたいこと。

テキストボックスがフォーカスされた時、ということだと思います。

「CSS :focus」などでググってみてください。

.search-edit:focus {
    border-color: #777;
}

のようにすれば、ピンクじゃなくて、グレーの線になるかと思います。

ｙｐｋさん

投稿者:: @ｙｐｋ

②サイドメニューの「カテゴリ」の部分に出てきてしまっているピンクの影をなくしたいこと

これは、ちょっと、どの部分を指しているのか、よくわかりませんが、ピンクの影っぽいところ、と言えば、エントリーカードの右下角辺りしか、見当たらないので・・

これは、以下のように指定されているようなので・・

.entry-card-wrap.a-wrap, .related-entry-card-wrap.a-wrap, .prev-post.a-wrap, .next-post.a-wrap {
    background-image: repeating-linear-gradient( 135deg, #f7fafd 0%, #f7fafd 80%, #fdebf2 );
}

以下のように上書きすれば、消えるような気がします。

.entry-card-wrap.a-wrap {
    background-image: none;
}

 もし、違う場所でしたら、キャプチャ画像等を添付願います。

子カテゴリーのアイコンが表示されていないみたいなので・・

私もアイコンは詳しくないのですが・・

子テーマのCSSの以下の部分を

/*サイドメニューの子カテゴリーのアイコンの色*/
.cat-item .children a::before {
  color: #4169e1;
}

以下のようにすると、表示されないかなぁ・・

/*サイドメニューの子カテゴリーのアイコン*/
.cat-item .children a::before {
    color: #4169e1;
    font-weight: 400;
    content: "\f07b";
}

@leafytreeさん

ご丁寧にありがとうございます。

さっそく、Cocoon: スタイルシート (style.css)の該当箇所を探そうとしたのですが、場所が見つかりません、、、、

修正したい箇所を探すためには、どのようにすればよいのでしょうか。

お手数をおかけしますが、どうぞよろしくお願いいたします。

@leafytreeさん

説明は不足しており申し訳ございませんでした。

私が修正したい箇所はこちらになります。

サイドメニューの数字にて、ピンクの影が出てきてしまいます。

デベロッパーツールにて、修正が必要な個所を見つけることはできたのですが、実際にそれがどこになるのかをワードプレスのCSSで見つけることができていません、、、

見つけ方の方法について、やり方などあればご教授いただければ幸いです。

どうぞよろしくお願い致します。

@ｙｐｋ さん

該当箇所（この場合は、カテゴリーの記事数の数字の上で）を右クリックして、Chromeなら「検証」Firefoxなら、「要素を調査」でデベロッパーツールが開くと思います。

text-shadowプロパティの初期値は「none」です。

@leafytreeさん

ありがとうございます。

現在、ここまでできております。

しかし、これだけではデベロッパーツール内での編集にとどまり、実際のサイトを編集できているわけではございません。

そこで、今度はディベロッパーツールにて施した編集を、実際のサイトに反映させたいと考えているのですが、ワードプレスにて、編集したい該当箇所のソースコードが発見できません、、、、

この場合、どのようにすれば見つけることが可能でしょうか、お手数をおかけしますが、どうぞよろしくお願いいたします。

@ｙｐｋ さん

すぐひとつ上の画像に答えがあるのに、気づけない、ということは、もう少し、HTMLやCSSの学べるサイトや、書籍、動画、スクールなどで、基礎を学ぶことをオススメします。

HTMLやCSSの基礎的な記述方法は様々な情報がありますので、ご自身にあった方法を模索してみてください。

.widget_recent_entries ul li a .post-count,
.widget_categories ul li a .post-count,
.widget_archive ul li a .post-count,
.widget_pages ul li a .post-count,
.widget_meta ul li a .post-count,
.widget_rss ul li a .post-count,
.widget_nav_menu ul li a .post-count {
    text-shadow: none;
}

これらのCSSのセレクタが全部必要かどうかは、わかりませんが、たぶん、ピンクの影を指定してあったので、これでもいいのでは？と思います。

@ｙｐｋさん

HTMLやCSSの基礎を学ぶには、簡単でも良いので、Webサイトを１から作ってみるといいと思います。

WordPressは、とりあず、置いといて、HTMLとCSSだけで、自分のWebサイトを作ります。

サーバーにアップロードしなくても、自分のパソコンで見るだけでも十分です。

作り方は、ネットで調べてもいいですし、本屋さんで、書籍を購入してもいいかと思います。

そうすれば、自ずと理解が深まりますし、習得も早いと思われます。

@ｙｐｋ さん

HTMLやCSSの編集には、文字コードをUTF-8（BOMなし）で扱うことのできるテキストエディターが必要です。

「Mery」は、見た目がシンプルで、タブ機能もあり、オススメです。

テキストエディター「Mery」

以下は、関連リンクです。

検証ツール（デベロッパーモード）の使い方

WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

初心者向け！Chromeの検証機能（デベロッパーツール）の使い方

HTML&CSS入門Webデザインをイチから学ぼう

@leafytreeさん

ご丁寧にありがとうございます。

Webサイトの制作にも、実は挑戦しております。CSSをより使えるようになりたいので、頑張ります。リンクの共有もありがとうございます。勉強します。

今後ともよろしくお願いいたします。