familyfedie-website/css/site.css
Loyyd d3746d8117
Some checks are pending
/ deploy (push) Waiting to run
new css
2026-06-11 08:39:19 +02:00

24 lines
No EOL
2.3 KiB
CSS

/* Shared site fixes extracted from repeated inline styles. */
body.custom-background { background-color: #ffffff; }
/* General fix for the header image */
#bg_image {
width: 100%; /* Scale the image to fit the container */
height: auto; /* Maintain aspect ratio to avoid stretching */
max-width: 100%; /* Prevent the image from exceeding container width */
}
/* Mobile-specific fix for the header image */
@media (max-width: 768px) {
#bg_image {
object-fit: contain; /* Ensure the entire image is visible */
width: 100%; /* Let the image adjust to screen width */
height: auto; /* Maintain aspect ratio */
}
}
/* Shortcodes Ultimate column rule used by exported content. */
.su-column-size-1-4{
width:18%;
}
/* 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; }