familyfedie/familyfedie-website
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Improve above-the-fold page performance
All checks were successful
/ deploy (push) Successful in 45s
Details

Browse source
This commit is contained in:
Loyyd 2026-07-10 12:38:44 +02:00
parent 55d13b4f72
commit c8c4d8d18f
3 changed files with 60 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

42
css/site.css
View file

@ -20,6 +20,48 @@ body.custom-background { background-color: #ffffff; }
.su-column-size-1-4{
width:18%;
}
/* The migrated content only uses columns and video embeds from WordPress blocks. */
.wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: normal;
box-sizing: border-box;
margin-bottom: 1.75em;
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}
@media (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100%;
}
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 0;
}
}
.wp-block-embed {
box-sizing: border-box;
margin: 0 0 1em;
overflow-wrap: break-word;
}
.wp-block-embed iframe {
max-width: 100%;
}
/* Homepage slider/frontpage settings from the original export. */
#colophon {display: none;} .slider-wrapper { max-width: 1200px; } #slider{ max-width: 1200px; max-height: 350px; border:0px solid #ffffff; } #front-text1, #front-text2 { color: #212121; } #front-columns > div { width: 32%; } #front-columns > div.ppcolumn:nth-child(3n) { margin-right: 0; } #front-columns > div.ppcolumn:nth-child(3n+1) { clear: left; } .column-image { padding: 0px; } .column-image h3 {margin-bottom: 0px; } .column-image img { max-height:201px;} .nivo-caption { background-color: rgb(252,250,250); background-color: rgba(252,250,250,0.7); } .nivo-caption, .nivo-caption a { color: #0e2012; } .theme-default .nivoSlider { background-color: #ffffff; } .theme-default .nivo-controlNav:before, .theme-default .nivo-controlNav:after { border-top-color:#ffffff; } .theme-default .nivo-controlNav { background-color:#ffffff; } .slider-bullets .nivo-controlNav a { background-color: #fdf7f7; } .slider-bullets .nivo-controlNav a:hover { background-color: #fdfcfc; } .slider-bullets .nivo-controlNav a.active {background-color: #ffffff; } .slider-numbers .nivo-controlNav a { color:#fdf7f7; background-color:#F7F7F2;} .slider-numbers .nivo-controlNav a:hover { color: #fdfcfc; background-color:#FFFFFF } .slider-numbers .nivo-controlNav a.active { color:#ffffff;} .column-image h3{ color: #333333; background-color: rgb(255,255,255); } .columnmore { background-color: #F7F7F2; } .columnmore:before { border-bottom-color: #F7F7F2; } #front-columns h3.column-header-noimage { background: #FFFFFF; }