borderが表示されない

Question

前提・実現したいこと

プラグインのショートコードで表示できる３カラムにborderを表示したい

発生している問題・エラーメッセージ

borderが表示されない

該当のソースコード

.su-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px;
}

補足情報（FW/ツールのバージョンなど）

WordPressを使い、ultimate shortcodesというプラグインを使っています。

この中の３カラムを表示させるショートコードがあるのですが、ここに上記のborderのコードを入れましたが表示されません。

CSSの編集はこのプラグインのCSSを編集しました。

どのようにしたらよいでしょうか？

Comments

[yoshinavi]

borderの色指定がないからでは？

Answer 1

もう少し情報が欲しいところですが、
推察できるとしたら、

• classの名前が違う。
• 該当のhtmlタグにidが振られており、そちらでborderを塗りつぶしている。
• プラグイン上ですでにcssが書かれており、borderを塗りつぶしている。

とかでしょうか。

もし、違いそうでしたら、

Developer toolのElementのタブを表示し、html要素を指定。
その後、下段のStylesタブを開く。

そうすると、
適用元のcssと適用されたスタイルが表示できると思いますので、確認してみてください。

Comments

[Travist]

ご回答頂きありがとうございます。

Developer toolで該当箇所にborderタグを入れたらちゃんと枠が表示されるのですが、プラグイン内のCSSを修正してもサイトに反映されません。

これはどういった原因なのでしょうか？

Answer 2

キャッシュを消したら表示されました。

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