ヘッダーの高さを変えたい  Dubai~Madrid

テンプレートの数は38×バリエーション

JIMDOのテンプレートはヘッダーの高さを変える機能はありません。これは、それぞれのテンプレートが共通のフォーマットによってコーディングされていないために共通のプログラムによって、書き換えが出来ないことに起因するのだろうと推測されます。

どのくらい違うかというと38種類全部違います。(トホホ)


実際には、Dublin、Lima、Milano、Reykjavik、Shanghai、St.Petersburgの6種類については、ヘッダーの高さを変更する必要がないため、32種類になります。

ヘッダー部分で高さに関するCSSをすべて紹介します。

数が多いため、8種類ずつに別けています。

Dubai

.center-wrapper {

    padding: 10px 10px;

}


.navigation-colors header {

    min-height: 100px;

    padding: 25px 0;

}


.navigation-colors nav {

    padding: 25px 0;

}


.navigation-colors {

    min-height: 150px;

    padding: 0 0 25px;

}


Florence


.jtpl-spacing {

    padding: 80px 50px;

}


website-title-content {

    padding-top: 30px;

}



Hamburg


.jtpl-spacing {

    padding: 80px 50px;

}


.j-website-title-content {

    padding-top: 30px;

}


Havana


#cc-inner {

    padding: 10rem 0;

}


.tpl-header {

    padding: 3rem 3rem 0;

}


Helsinki


.layout-alignment {

    margin-top: 35px;

    margin-top: 3.5rem;

    margin-bottom: 3.42857rem;

    padding: 0 2.85714rem;

}


#kopfzeile {

    padding: 1.71429rem 0;

}




Hong Kong


.navigation-colors a:link,

.navigation-colors a:visited {

    padding: 24px 24px;

}


.tpl-logo {

    height: 150px;

}


.tpl-headline {

    margin: 50px auto 30px;

}


Lille


.logo-area {

    padding-top: 30px;

}


h1.j-website-title-content{

    padding: .5em 0 .1em;

}


Madrid

.navigation-colors {

    top: 20px;

}


.emotion .drag-area {

    padding: 90px 0 20px;

    min-height: 160px;

}


#cc-website-logo {

    margin-bottom: .8em;

}


株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422