賢威7_プリティ版の画面一番上の縞模様(ストライプ)を消す方法!!

keni7_pretty

賢威7が公開され、新しいデザインがお披露目となりましたね。

 

賢威6.2と比べると全体的にデザインがシンプルになってしまい、個人的にはちょっと物足りないかな?という感じです。

 

ただ、その中でもポップな感じがして個人的に一番好きなのがプリティ版。

 

クール版やコーポレート版と比べると、カラフルでパッと見の印象が良いような気がします。

 

そんなお気に入りのプリティ版で気になるのがトップ画面上部のカラフルな縦じまの模様。

 

これをそのままにしておくと、一発で賢威7と分かってしまうので、出来れば消しておきたいですよね?

 

そこで今回は、このプリティ版の縦じまを消す方法を解説します。

 

keni7_pretty

 

まずはプリティ版の【外観】⇒【テーマの編集】へ進み、【base.css】をクリックします。

 

keni7

 

最初に【ヘッダー】という項目を見つけて、下記の記述を削除しましょう。

 

.site-header {
background: url(./images/common/header-border.png) repeat-x top center;
}

 

keni71

 

次に【メインボディ】という項目で、下記の記述を削除します。

 

   background: url(./images/common/header-border.png) repeat-x bottom center;

 

keni72

この時に【 } 】まで一緒に消してしまわないように注意してください。

該当箇所の削除が終わると、下記のような記述になっているはずです。
.main-body{
margin-top: 2em;
padding-bottom: 30px;
}

 

これで変更を保存してトップページを確認してみると、プリティ版の一番上の縦じま模様(ストライプ)が消えています。