Entête complémentaire 2
Marche pour design : Stockolm,
EXEMPLE : https://matequip31.jimdofree.com/
Ajouter en pied de page un premier element de 3 colonnes puis un second de 1 colonne en dessous
/*haut de page 3 colonnes*/
@media (min-width: 1130px) {#cc-m-12040406799 {margin: 0px -500%; padding: 0em 500% !important; background: #fff; position: absolute; top: 0px; width: 998px;}}
@media (max-width: 1130px) {#cc-m-12040406799 {margin: 0px -500%; padding: 0em 496% !important; background: #fff; position: absolute; top: 0px; width: 100%;}}
@media (max-width: 770px) {#cc-m-12040406799 {margin: 0px -500%; padding: 0em 491% !important; background: #fff; position: absolute; top: 0px; width: 100%;}}
@media (max-width: 770px) {#cc-matrix-3149163799, #cc-matrix-3149163899
{display:none; } }
/*haut de page 1 colonne fond gris*/
@media (min-width: 1130px) {#cc-m-12040826399 {margin: 0px -500%; padding: 1em 500% !important; background: #f5f5f5; position: absolute; top: 129px; width: 998px;}}
@media (max-width: 1130px) {#cc-m-12040826399 {margin: 0px -500%; padding: 1em 496% !important; background: #f5f5f5; position: absolute; top: 129px; width: 100%;}}
@media (max-width: 770px) {#cc-m-12040826399 {margin: 0px -500%; padding: 0em 491% !important; background: #f5f5f5; position: absolute; top: 0px; width: 100%;}}
Astuce : Vous pouvez créer une page "Bas de page" et mettre le même code ci dessous mais sans les propriété, ainsi si vous souhaitez modifier votre bas de page il suffira d'aller dessus
/*haut de page 3 colonnes*/
@media (min-width: 1130px) {#cc-m-12040406799 {margin: 0px 0%; padding: 0em 0% !important; background: #fff; position:unset; top: 0px; width: 998px;}}
@media (max-width: 1130px) {#cc-m-12040406799 {margin: 0px 0%; padding: 0em 0% !important; background: #fff; position:unset; top: 0px; width: 100%;}}
@media (max-width: 770px) {#cc-m-12040406799 {margin: 0px 0%; padding: 0em 0% !important; background: #fff; position:unset ; top: 0px; width: 100%;}}
@media (max-width: 770px) {#cc-matrix-3149163799, #cc-matrix-3149163899
{display:none; } }
/*haut de page 1 colonne fond gris*/
@media (min-width: 1130px) {#cc-m-12040826399 {margin: 0px 0%; padding: 1em 0% !important; background: #f5f5f5; position:unset ; top: 129px; width: 998px;}}
@media (max-width: 1130px) {#cc-m-12040826399 {margin: 0px 0%; padding: 1em 0% !important; background: #f5f5f5; position:unset ; top: 129px; width: 100%;}}
@media (max-width: 770px) {#cc-m-12040826399 {margin: 0px 0%; padding: 0em 0% !important; background: #f5f5f5; position:unset ; top: 0px; width: 100%;}}
Pour le design stockolm , vous pouvez mettre ceci pour régler la hauteur du bandeau
/*hauteur du bandeau accueil*/
@media (min-width: 1170px) {.jtpl-header {height: calc(88vh - 50px) !important;} }
@media (min-width: 768px) {.jtpl-header {min-height: 350px; min-height: 57vh !important;}