meijix
投稿の際は下記の情報をお書き添えください。
-------------------------------------------
WordPress のバージョン：（例 6.0.2）
Welcart のバージョン：（例 2.8.1）
PHP のバージョン：（例 8.0）
Welcart専用の拡張プラグインとバージョン：（例 DL Seller 3.4.1、SKU Select 1.4.2）
ご利用の親テーマとバージョン :（例 Welcart Basic 1.7.1）
ご利用の子テーマとバージョン :（例 Welcart Beldad 1.4）
症状を確認したブラウザ：
サーバー【重要】：（会社名、サービス名）
--------------------------------------------
フォーラムへの返信
-
投稿
-
わざわざ作って頂き大変ありがとうございます。
ただ、私にはこれをどのように使ってよいかわかりません。どこに入れたらよいのかも・・。
誠にお手数ですが、どこに入れたらよいのか教えて頂ければありがたく存じます。
あまりにお手数をかけるようでしたら、今回はあきらめます。
アドバイスをありがとうございます。
実は、idとclassの違いに関しては、いくつかのホームページの説明で読んだことは読みました。それで、classを使ったほうが無難だということはわかったのですが、classで指定したのでは、どこか別のところで設定されているものに負けてしまうようで、マージンの設定は反映されても、フォントの設定が反映されません。そこで、やむなくidを使った次第です。
こちらで教わったChromeの要素検証という機能で、どこの設定に負けてしまっているのか調べることができるようなので、そのうち調べてみようと思っています。
さらに、スタイルシートを
p#mn{
color: blue;
font-size:20px;
margin-top:30px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
htmlを
<p id=”mn”>この商品はお勧め品です</p>
とクラスを使って指定したところ、全てきちんと反映されるようになりました。
ありがとうございました。
ただ、このような使い方が正しいのかは自信がないのですが・・・。
今度は、スタイルシートを
p.mn{
color: blue;
font-size:20px;
margin-top:30px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
htmlを
<p class=”mn”>この商品はお勧め品です</p>
とクラスを使って指定したところ、
マージンは上下ともにきちんと反映されるようになったのですが、フォントの色とサイズが反映されなくなりました。
マージンの相殺、及びChromeの要素検証の件、調べてみます。アドバイスをありがとうございます。
アドバイスをありがとうございました。
完全に理解できたわけではないのですが、
<p style=”margin: 30px 0px 10px; text-align: left; font-size:15px”>この商品はお勧め品です</p>
の場合は、ブロックレベル要素の指定だから、トップマージン設定も反映されるけれども、
別のタグを使って指定すると、インライン要素の扱いになるから、トップマージンの設定は無視されてしまうということなのかなと理解しました。
ではどうすべきなのかまでは、まだわかりませんが・・・。
ありがとうございました。
PAGE TOP