hangar-tech/hangar-wp-theme
hangar-tech
/
hangar-wp-theme
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

modified the footer styles so they resemble the 2021 design

This commit is contained in:
jorge 2022-10-19 09:43:37 +02:00
parent 008d72c0f7
commit 8b72a31c3d
1 changed files with 31 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
style.css
View File

@ -1154,12 +1154,13 @@ form#commentform p.form-submit input#submit {
--------------------------------------------- */
.wrapfooter {
max-width: 1237px;
padding: 20px 0px 20px 20px;
/*padding: 20px 0px 20px 20px;*/
padding: 1rem 0 0.3rem 1rem;
z-index: 0;
font-size: var(--hangar-body-font-size);
font-family: var(--hangar-body-font-family);
display:flex;
justify-content: space-between;
/* justify-content: space-between;*/
}
.wrapfooter p {
@ -1171,12 +1172,20 @@ form#commentform p.form-submit input#submit {
font-size: var(--hangar-body-font-size-small);
}
.center {text-align:center;}
/* .col {float: left; } */
/*
.wrapfooter .logo, .wrapfooter .org, .wrapfooter .wrapfooter .tels, .wrapfooter .inf,.wrapfooter .legal,.wrapfooter .credits {
width: 100%;
padding:1rem 0;
}
.wrapfooter .credits a{color: #A3A7A5!important;}
*/
.wrapfooter .col {
width: unset;
padding: 1rem 0;
}
.wrapfooter .credits a{
color: #A3A7A5!important;
}
@media screen and (max-width:768px) {
.wrapfooter{
width: 100vw;
@ -1185,7 +1194,13 @@ form#commentform p.form-submit input#submit {
}
@media screen and (min-width:768px) {
.wrapfooter{
flex-direction: row;
/*flex-direction: row;*/
}
.wrapfooter .col {
margin-right: 1rem;
width: auto;
padding:0;
margin-right: 2rem;
}
.wrapfooter .logo {
width:140px;
@ -1193,33 +1208,25 @@ form#commentform p.form-submit input#submit {
padding:0;
}
.wrapfooter .org, .wrapfooter .tels, .wrapfooter .inf,.wrapfooter .legal,.wrapfooter .credits {
/* width: calc((100% - 140px)/5); */
width: auto;
max-width: calc((100% - 140px)/4);
padding:0;
}
/* .wrapfooter .org {
width: calc((100% - 140px)/5);
padding:0;
.wrapfooter .org {
margin-right:4rem;
}
/*
.wrapfooter .tels {
width: calc((100% - 140px)/5);
padding:0;
}
*/
/*
.wrapfooter .inf {
width: calc((100% - 140px)/5);
padding:0;
}
*/
/*
.wrapfooter .legal {
width: calc((100% - 140px)/5);
padding:0;
}
*/
/*
.wrapfooter .credits {
width: calc((100% - 140px)/5);
padding:0;
} */
}
*/
}