賢威

ワードプレステーマ「賢威」のカスタマイズ備忘録です。

賢威8.0

1カラムの横幅を変える

base.css
/*
# 1カラムのレイアウト
*/
.col1 .keni-header_outer,
.col1 .keni-gnav_outer,
.col1 .keni-mv_outer,
.col1 .catch-area,
.col1 .archive_title_wrap,
.col1 .keni-breadcrumb-list_outer,
.col1 .keni-footer_outer,
.col1 .keni-copyright,
.col1 .keni-section_wrap,
.col1 .keni-sep-conts_outer,
.col1 .keni-footer-panel_outer{
max-width: 980px;★
margin-right: auto;
margin-left: auto;
}

max-width: 980px; を700px等に変更する

.col1 .keni-sub{
padding: 10px 0;
}

.col1 .keni-main_outer,
.col1 .section_wrap-wide{
width: 100%;
max-width: none;
}

.col1 .keni-section_wrap,
.col1 .section_wrap-wide,
.col1 .section_wrap-wide .keni-section{
margin-right: auto;
margin-left: auto;
}

.col1 .keni-section_wrap{
max-width: 900px;★
}

max-width: 900px; を700px等に変更する

imagesディレクトリの階層を変更した場合

./images を ../images等に変更する

サイトタイトルの幅を変更
/*
# ヘッダー
*/
.fixed{
position: static;
width: 100%;
}

.keni-container{
padding-top: 0!important;
}

.keni-header .site-title,
.keni-header_col1 .site-title{
float: left;
max-width: 60%;
font-size: 3.0rem;
}

.keni-header_cont,
.keni-header_col1 .keni-header_cont{
float: right;
max-width: 40%;
background-color: transparent;
}