web-dev-qa-db-ja.com

Protostarのヘッダーとナビゲーションの間のスペースを削除する

JoomlaでProtosarテンプレートを使用しています。

私は何日も試しましたが、ヘッダータグとナビゲーションタグの間のスペース/パディング/マージンを削除する方法がわかりません。 「ヘッダー」と「ナビゲーション」クラスのマージンのゼロとパディングを含むすべてを実行しましたが、これまでのところ機能していません。何か案が?

2
agahi

ヘッダーには、top属性の-20px値があります。これにより、ヘッダーが-20pxまで上がり、この余分なスペースが作成されます。

これはtemplates/protostar/template.cssの行1411にあります

このtop: -20px;を削除すると、ヘッダーの上に余分なスペースができます。これが必要ない場合は、コンテナクラスのパディングを調整する必要があります-templates/protostar/template.css14169行。

.body .container {
  background-color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:20px;   **/* Change this to padding: 0 20px 20px; */**
...
} 

パディングをpadding: 0 20px 20px;に変更します

1
FFrewin