アメブロカスタマイズ 記事枠の色を変えたい

アメブロの記事の枠の色を変えたいのですが
検索するとCSS内skinArticleを変更するようにとありますが
その表記がありません。
どうやって変更したらいいのでしょうか

No.6 ベストアンサー 回答者： t_fumiaki 回答日時： 2017/03/29 06:44

カスタム可能」で２番目のデザインです。

CSS編集可能の中で2番目ですね？？

デザインによってCSSのセレクタ名が違うので以下の通りにして下さい。

/* メインエリア背景 */
.skin-bgMain {
background-color: #ffffff;
}

を探して修正。

/* メインエリア背景 */
.skin-bgMain {
background-color: #ffffff; border:solid 1px #ff0000;　←←修正箇所
}

#ff0000が境界の色です。この例は赤。
青：#0000ff
緑：#00ff00

「ウェブセーフカラー」で検索すると多彩が色が解ります。

この回答へのお礼

できました！！！
また一歩、理想のブログに近づけました。
ほんとに、色々と有難う御座いました。
感謝しかありません。

お礼日時：2017/03/30 21:17

No.5 回答者： t_fumiaki 回答日時： 2017/03/28 12:44

CSS編集可能デザインで記事枠が表示されるデザインは1つしか無いのですが、本当にCSS編集可能デザインですか？

｢カスタム可能」デザインでCSS編集可能なものは全部で5個有りました。
その中で記事枠が表示されるものは、CSS編集可能の中で4番目のデザインただ１個だけです。

この回答へのお礼

色々教えていただき、有難う御座います。
現在使用中のデザインは、
「カテゴリから探す」の「カスタム可能」で
２番目のデザインです。

なので、たしかに４番目にしか記事枠が表示されていないのですが
下記のHPを見ると、２番目のデザインで
記事枠が表示されていたので、「出来るのかな？」
と思い、質問させていただきました。

http://ameblo.jp/masami-saitou/entry-12171563777 …

このHPが特殊なことをされているのでしょうか。
素人では難しそうであれば諦めようと思いますが
なんとかできれば嬉しいです。

ほんと、何度もすみません。

お礼日時：2017/03/28 22:49

No.4 回答者： t_fumiaki 回答日時： 2017/03/28 06:53

>>どこか基本的なところが間違っているのでしょうか。

見てみるので、適用しているデザイン名を教えて下さい。
(難しいなら、ブログurlを教えて下さい）

No.3 回答者： t_fumiaki 回答日時： 2017/03/26 23:38

あっ、.を忘れた！

前に.を付けて下さい

skinArticle{
↓
.skinArticle{

この回答へのお礼

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

まず、
/* skinArticle 記事エリア */
という場所がありませんでした。

しかし、
＞CSSなので場所は何処でも構いませんが、
とありましたので適当なところに入れてみても
やっぱり変化がありませんでした。

どこか基本的なところが間違っているのでしょうか。

お礼日時：2017/03/28 00:03

No.2 回答者： t_fumiaki 回答日時： 2017/03/26 23:36

>>もし、追記して改善できるのであれば

CSSなので場所は何処でも構いませんが、まとまりとしては次の下あたりです。
/* skinArticle 記事エリア */

内容は以下です。

skinArticle{
padding:16px 0;
border:1px solid #ff0000;　/*←枠線の線種と色：この例は赤*/
background:#ffffff; /* ←記事の背景色：この例は白 */
}



もう一回、適用し直して探せば良いとも思いますが・・・。

No.1 回答者： t_fumiaki 回答日時： 2017/03/26 11:50

CSS編集用デザインを選択して適用していますか？

そう無いと出来ません。

適用していなかったら、先ずは以下の手順で適用して下さい。

1.デザインの変更→下の方にある「他のカテゴリからブログデザインを探す」
　の中の「カテゴリから探す」の最後の「カスタム可能」をクリック

2.デザイン一覧が出るので、その中から、CSS編集用デザインと書かれたものを選択して適用する。

数が4種類しか無いので、この中で記事エリアに枠線があるものを選んで適用し、実際に記事表示して見て決めます。

適用が完了したら以下でカスタマイズします。
デザインの変更をクリックすると、今適用されているデザインのサムネイルが左上に表示され、右にある「CSSの編集」文字をクリックする。

CSS編集画面が出てくるので、以下を探す
.skinArticle{

この中に　border:1px solid #ff0000;　の様な記述があるので、

#ff0000の部分を変更する（この例では赤色）
RGBを16進数で指定する。

幾つにしたら良いか解らなかったら、補足して下さい。

この回答へのお礼

回答いただき、有難う御座います。

CSS編集用を選択はしています。
そのうえで、skinArticleが無いのであれば
知らないうちに消してしまったのかも。

もし、追記して改善できるのであれば
どの場所にskinArticleをいれればいいか
教えていただけないでしょうか。

宜しくお願い致します。

お礼日時：2017/03/26 22:54