テキストの後に余白/空白を追加する

Question

Wordpress.comサイト（クライアントに属します）でメニューをカスタマイズしようとしています。

URLは次のとおりです。https://chainecharlotteorg.wordpress.com/

それはサイトの上部にあるメインのナビゲーションバーです。

CSSクラスをメニュー項目に追加できます。そのクラスを使用して背景色を変更しました。しかし、私は背景に少なくともマニュア・テキストの前後にスペースを持たせたい。パディングは効果がありません。

widthをテキストよりも広いものに定義することで、テキストの前にスペースを確保することができました。これは、テキストの前にスペースを作成する効果がありました。ここに示されているように：

しかし、私は青い背景がそれを超えて伸びるように「寄付」の後にいくつかのスペースを設定する方法を見つけることができませんでした。私はパディングがこれを行うと思っていただろうが、この場合はそうではない。フロントエンドから

、ここに関与コードだ：

<li id="menu-item-157" class="donate menu-item menu-item-type-post_type menu-item-object-page menu-item-157"> 
<a href="https://chainecharlotteorg.wordpress.com/donate/">Donate</a> 
</li> 

誰もが持っています：

<nav id="site-navigation" class="main-navigation" role="navigation"> 
<div class="menu-nav-menu-container"> 
<ul id="primary-menu" class="menu nav-menu" aria-expanded="false"> 
<li id="menu-item-157" class="donate menu-item menu-item-type-post_type menu-item-object-page menu-item-157"> 
<a href="https://chainecharlotteorg.wordpress.com/donate/">Donate</a> 
</li> 
<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"> 
<li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"> 
<li id="menu-item-141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141"> 
<li id="menu-item-140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140"> 
<li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"> 
<li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"> 
<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"> 
</ul> 
</div> 
</nav> 

（そこから）下記の「寄付」メニュー項目に固有のコードされた状態で助言がありますか？

Answer 1

コードスニペットは、誰でもこの問題を理解して理解するための唯一の方法です。 wordpress.comのテーマに

margin-right: 30px; 

Answer 2

まあ、などのスーパー明白なこれがあるとして、解決策は（私の手が届かない）他の場所で定義された上で、私のクラス属性を優先するために、!importantプロパティを使用していたしてみてください。

.donate { 
    padding: 20px !important; 
    background: blue; 
}