ヘッダーの高さを変えたい  Rio de Janeiro~Riga

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

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

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


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

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

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

Rio de Janeiro

.cc-indexpage #tpl-header {

    min-height: 700px;

}


.cc-indexpage .logo-wrapper {

    margin: 150px 0 100px;

}


#tpl-header {

    padding: 100px 0 40px;

}


.logo-wrapper {

    min-height: 300px;

    margin: 30px auto 40px;

}


.navigation-colors {

    margin-bottom: 100px;

}


Rome


.container {

    margin-top: 741px;

    min-height: 400px;

    padding: 10px 0 50px;

}



San Francisco


.e-logo {

    padding: 2em 0;

}


.e-header {

    margin-top: 2.7rem;

}


.j-website-title-content {

    margin: 24px 0;

}


Singapore




Sydney

.logo-area {

    margin-top: 2em;

}


.title-area {

    margin-bottom: 2em;

}



content, h1 {

    font-size: 4.8rem;

}



Verona


.T210nav {

    padding: 5px 0 4px;

    margin: 40px 0 0;

}


website-title-content {

    font-size: 3em;

}


Vienna


.tpl-logoarea {

    height: 400px;

    padding: 50px 0;

}


#content-wrapper {

    padding: 50px 25px;

}


Zurich


.eh-logo {

    padding: 50px 0 0;

}


.eh-headline {

    padding: 50px 0;

}


.tpl-spacing {

    min-height: 450px;

}


株式会社 PIK

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

TEL.03-6433-0422