Eストアー ・ショップサーブのCSSを編集する・・・。

連休3日目、今日でGWの前半の連休終了。

明日は仕事です!

ま~カレンダー通りの休みがあるだけでも、まだいい方ですが^^

で、昨日届いたドライバーを振り回しすぎて、左肩がものすごく痛いです><;
寝転がってスマホゲームをするのもキツイです。

なので、パソコン作業を午前中からしています。
会社の通販のHPを新しくするとのことで、分担してコンテンツを作成することに。

元になるショップの基本的な部分は、Eストアー ・ショップサーブという買い物かご&クレジットカード対応という有名所のサーバーで制作代行してもらってます。
それに商品画像やら、記事コンテンツを増やしていくのですが・・・

なんか微妙に使いにくい^^;

フリーの記事コンテンツのURLが、どこで管理しているのかを探すのに一苦労しました。
さらに、こんな大手のシステムでも、作成した記事のURLの変更はできないんですね。
(僕がやり方が分からないだけかも)

ワードプレスを初めて1ヶ月ですが、ワードプレスのシステム的な出来栄えはすごいんだなと感心です。
個人的には、ワードプレスの方が分かりやすいシステムです。

で、会社の商品のこだわりに関しての記事を作成していますが、どうも見出しの文字の大きさとかが気に入りません。
なぜに題名が小さいのか・・・。

で、その部分を変更しようと、CSSを編集するのですが、

人様の作ったCSSは複雑すぎて、目的の部分を探すのが大変です。

フリー記事の「H1」の見出しのスタイルを決めているところを探すのに2時間はかかりました。
というのも、HTML、CSSの記述的には、

#JournalList h1, #Journal h1 {
font-size: 90%;

が目的の場所のはずなのに、そこを変更しても変わらないんです。

編集して、更新をするのに手順が違うのかなと1時間ぐらい悪戦苦闘。
サイト上のエディターが使いにくいというか、検索機能がないので、いつも使っているエディターにコピーして、他のH1記述の部分を検索。

article #main-column h1 {
color:#381F18;/* サブカラーテキスト */
/* background-color: #381F18;/* サブカラー */
font-size: 12px;

の部分が編集する場所でした。

でも、HTMLの文法的に、JournalListの方が後でDIV指定されているんだけどな~。
というか、結果的にはCSSの

#JournalList h1, #Journal h1 {
font-size: 90%;

の記述は、役に立ってないということになる。
この問題、自分のサイトでもたまに発生して、頭がプスプスとこんがるのですが、プロの人が作っても同じような不具合をだすんだな。
ブロック要素とかの問題?とは思うけど、なんか疲れた^^;

そもそもH1の見出しって、タイトル以外に使うのありなのかな~??

って、そんなところに悩んでいたら進まないので、一通り1ページ完成させなければ!
(なかなか仕事中に、こんな作業できないし・・・嫌いでないけどねw)