ウェブサイトを微調整しようとしていますが、ポートフォリオ ギャラリー内の画像間のスペースを増やす方法がわかりません (例)。
style.css ファイルを確認しましたが、何か不足しているに違いありません。垂直方向の間隔は問題ないように見えますが、水平方向の間隔がなく、画像がくっついているように見えます。
「Folio White」テーマのワードプレスを使用しています。
このクラスを任意の css ファイルに追加するだけです。その css をヘッダーまたはフッターに追加すると、最良の結果が得られます。
.gallery-item {
margin-top: 0;
margin-left: 10px;
}
ありがとう
これは、右クリックして要素を検査する場合は簡単です。これを style.css に追加するだけです。
.gallery-item {
margin-top: 0;
margin-left: 10px;
}
プラグインで使用されるスタイルの前に、スタイルが読み込まれることを確認してください。
垂直マージンについては、次のいずれかによって希望のマージンに一致するクラスを追加できます。
.only-top {margin-top:5px}
.only-bottom {margin-bottom:5px}
.top-and-bottom {margin-top:5px; margin-bottom:5px}
.overall {margin:5px}
.top-and-bottom-autosides {margin:5px auto}
.specific {margin:5px 4px 5px 4px} //note the order is: top right bottom left