おかげさまで希望通りの表示ができました。

ありがとうございました。

この部分をcssで調整することはできるのでしょうか。

CSSですから、反映できない事はないです。

●間違え

以下は書き方を間違えています。+は隣接している要素です。aタグは、子ですから隣接しません。

.widget_nav_menu ul li + a

liの下の子(aタグ)が該当し、全てのメニューが該当してしまいます。

.widget_nav_menu ul li > a

●回答

サブメニューを除いたメニュー下を対象とします。

.widget_nav_menu ul:not(.sub-menu)  > li> a{
background-color:green;
color:white;
font-weight:bold;
}

.widget_nav_menu #menu-item-11218 > a{
background-color:green;
color:white;
font-weight:bold;
}

服
　セーター
　・・・
　・・・

のように、新規メニューをつくり、
ウィジェットページで
サイドバースクロール追従　の中に
ナビゲーションメニューを追加して、その中に先程作った新規メニューを追加しております。
※下記階層はわかりやすいように１つにしてありますが、実際は複数ございます。

<div class="menu-%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc-container">
<ul id="menu-%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc" class="menu">
<li id="menu-item-73" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-73"><a href="https://amekajilabo.com/category/sweat/">服</a>
<ul class="sub-menu">
	<li id="menu-item-74" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-74"><a href="https://amekajilabo.com/category/sweat/cushman/">セーター</a></li>
</ul>
</li>
</ul>
</div>

ここの「服」の個所の文字を太字にしたり、背景色の実を変えたいと思っているのですが、うまくいきません。

.widget_nav_menu ul li + a

とか

.widget_nav_menu ul li > a

とかやってみたのですが、反映されません。

この部分をcssで調整することはできるのでしょうか。

よろしくお願い申し上げます。