お蔵入り
プラグイン内の文字のサイズ変更、左寄せにしたい
プラグインに設定している文字を左寄せにし、一部を太字・大きく、一部を通常の太さ・小さくしたいのですが、うまくいきません。<center><a href="アフィリエイトのリンク画像"></a><center>
<b><div align="left" font size="10">【商品名】</font></b>
商品の説明文</div>
で右側のプラグインに設定しているのですが…。
??画像の位置はそのままで、その下にある【商品名】「大きく・太字」にしたい。
??その下の【商品の説明分】をタイトルより「小さく」したい。太字ではない。
過去の質問を捜して操作してもイマイチうまくいきません。
cssでは↓のように設定していますが、sizeのフォントサイズを変更すると当たり前ですが、プラグイン全体のフォントサイズが変更になってしますのです…。
.side{
font-size:9px;
text-align:left;
line-height:150%;
padding:0 6px;
margin-bottom:30px;
}
.sidebody{
margin-bottom:9px;
長々となってしまって申し訳ないデス…。
どなたか知恵をお貸し下さい。。。
回答(2)
1.
プラグインの中にはこのように記載。
<div class="item"> <p class="item-photo"><a href="～～">【アフィリエイトの画像】</a></p> <p class="item-name">【商品名】</p> <p class="item-description">商品の説明文</p> </div>
CSS に以下の記述を追加。
.item {
text-align: left;
}
.item .item-photo {
margin: 5px;
text-align: center;
}
.item .item-name {
font-size: 115%;
font-weight: bold;
}
.item .item-description {
font-size: 92%;
}
変更後は再構築を忘れずに。
またメモ帳などにバックアップをとるなどして自己責任でお願いします。
2.
プラグインの中に以下のように記述しています。
<center><a href="アフィリエイトのリンク画像"</a></center>
<font size="2"><b>【ロアンジュのオートスウィング】</b></font>
<font size="1">ハイ＆ローチェアは周りのママ友達が必ずと言っていいほど持ってる一品。ココは一番安かったかな。送料無料だし。</font>
少々バランスが悪い（商品名が横幅に収まらない）ので、ご満足頂けないかもしれませんが、一応、ご要望は満たしているのではないかと思います。
少しでも解決のヒントになれば良いのですが・・・。
コメント(4)
forestkさん。
プラグイン内とCSS内を教えて頂いたように変更したら写真と商品名の間にスペースが出来てしまいました。
何かやり方が間違っているのでしょうか…。
ちなみに私のブログはコチラになります。
>>http://blog.livedoor.jp/kimamax/?blog_id=2245609
YMOさん。
YMOさんの方法も試したのですが、やはりタイトルと文章の文字の大きさをそれぞれ変更したいかな、と。
わざわざ調べて頂いてありがとうございます。
他に方法がありましたらよろしくお願いします。
kimamaxさんへ
お役に立てずにすみません。素人のクセに出しゃばり過ぎました。（笑）
でしゃばりついでに・・・。
私が試しに作ったblogの右カラムの上から二つ目のプラグインは商品名と説明文のサイズが違っていますが、これもご要望とは違いますか？
・・・やっぱり素人の出る幕ではありませんでした。（汗）
forestkさんへお任せして退散します。(^^;
YMOさん。
あれ？上の部分だけ見て気が付きませんでした!!
申し訳ないデス。
そうそう、そんな感じにしたいんですよ。
ただ、タイトルはもう少し小さめにって感じで。
でも、YMOさんの方法を試すと全部が真ん中寄せになってしまうんです。
なぜでしょ？
アタシのやり方で何か間違っているのかな…。
カスタムしていくってのは難しいですね…。
kimamaxさんへ
ああ、良かったです。あながち的外れでもなかったようで安心しました。(^^;
ちなみに、以下のように記述してます。
<center><a href="画像リンク"</a></center>
<font size="2"><b>商品名</b></font>
以下商品説明文
説明文のフォントサイズの指定<font size="1">を外しただけです。
>ただ、タイトルはもう少し小さめにって感じで。
ちなみに、一番上のプラグインの「商品名」のサイズを1にしてみましたが、やはり説明文とほとんど同じ大きさになってしまいました。
すみません、これは降参です。(^^;
>でも、YMOさんの方法を試すと全部が真ん中寄せ
>になってしまうんです。
質問欄にお書きになった記述を見ると、アフィリのリンク画像をセンタリングするタグ<center>～</center>の、後ろの<center>にスラッシュ（/）が入っていないので、ひょっとしたら実際の記述もこれが抜けているという事はないでしょうか？
