mods in home for custom announcement

This commit is contained in:
jorge 2022-02-01 09:38:51 +01:00
parent 885acdc298
commit 957344dccf
1 changed files with 58 additions and 0 deletions

View File

@ -263,3 +263,61 @@ table.cf7-db-table tbody td > div {
padding-bottom:15px;
}
}
/* mods 2022 01 31st */
/* WIDGET HOME HERO
------------------------------------------*/
@media screen {
aside.hero {
display: flex;
width: auto;
height: 40vw;
margin-bottom: 2rem;
overflow: hidden;
}
aside.hero .widget-container {
position: relative;
min-width: 100%;
}
aside.hero .widget-container .widget-title {
position: absolute;
z-index: 100;
width: 75%;
margin: 1rem;
padding: 0.2rem;
font-size: 2rem;
font-weight: bold;
line-height: 1.6rem;
color: blue;
}
aside.hero .widget-container img {
position: absolute;
z-index: 99;
top: 0;
width: 100%;
height: auto;
}
aside.hero .widget-container p {
position: absolute;
z-index: 101;
bottom: 0;
margin: 1rem;
padding: 1rem;
color: rgb(90,90,90);
background: rgba(250,250,250,0.8);
}
}
@media screen and (max-width: 768px) {
aside.hero {
width: 90vw;
height: 60vw;
margin-top: 2rem;
}
aside.hero .widget-container .widget-title {
font-size: 1.5rem;
line-height: 1.3rem;
}
}