feat: homepage hero/logo/contact media, CF7 dark-bg override fix, media gallery grid

This commit is contained in:
Malin
2026-07-14 14:06:07 +02:00
parent 4987801e88
commit a873678004

View File

@@ -209,6 +209,23 @@ add_action('wp_head', function () {
background:#13294b!important;
box-shadow:0 2px 12px rgba(19,41,75,.22);
}
/* ── Logo: shrink to a sane header size, center it with the nav row, and
drop the redundant site-title text (the logo image already spells out "ACRIB") ── */
.site-branding{display:flex!important;align-items:center!important;height:100%;}
.site-branding a.brand{
display:flex!important;
align-items:center!important;
height:100%;
}
.site-branding a.brand img{
max-width:160px!important;
max-height:36px!important;
width:auto!important;
height:auto!important;
display:block!important;
margin:0!important;
}
.site-branding .site-title{display:none!important;}
/* ── Search icon button in nav ──────────────────────────────────── */
li.acrib-search-item{
list-style:none;
@@ -472,12 +489,12 @@ add_action('wp_head', function () {
.acrib-cf7 select,
.acrib-cf7 textarea{
width:100%;
background:#f4f7fb;
border:1.5px solid #8fa3bc;
background:#f4f7fb!important;
border:1.5px solid #8fa3bc!important;
border-radius:4px;
padding:.72rem .95rem;
font-size:.95rem;
color:#13294b;
color:#13294b!important;
font-family:"Source Sans 3","Source Sans Pro",sans-serif;
transition:border-color .18s,background .18s,box-shadow .18s;
outline:none;
@@ -490,8 +507,8 @@ add_action('wp_head', function () {
.acrib-cf7 input[type="tel"]:focus,
.acrib-cf7 select:focus,
.acrib-cf7 textarea:focus{
border-color:#c69c48;
background:#fff;
border-color:#c69c48!important;
background:#fff!important;
box-shadow:0 0 0 3px rgba(198,156,72,.14);
}
.acrib-cf7 select{
@@ -583,6 +600,17 @@ add_action('wp_head', function () {
.acrib-cf7 .cf7-row{flex-direction:column;gap:.9rem;}
.acrib-cf7{padding:1.6rem 1.1rem 1.4rem;}
}
/* ── Contact section: photo above "Write to Us" sized to match the form column ── */
.acrib-contact-img{
margin:0 0 1.5rem;border-radius:4px;overflow:hidden;
box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.acrib-contact-img img{
width:100%;height:340px;object-fit:cover;display:block;
}
@media(max-width:780px){
.acrib-contact-img img{height:220px;}
}
</style>
';
}, 20);
@@ -617,3 +645,39 @@ add_action('wp_footer', function () {
</script>
<?php
}, 30);
// ═══════════════════════════════════════════════════════════════════
// POST/PAGE MEDIA GALLERY GRID (photos + self-hosted videos)
// ═══════════════════════════════════════════════════════════════════
add_action('wp_head', function () {
if (!is_singular()) return;
echo '<style id="acrib-media-gallery-styles">
.acrib-media-gallery{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:14px;
margin:2rem 0;
}
.acrib-media-gallery a,
.acrib-media-gallery .acrib-media-video{
display:block;
border-radius:6px;
overflow:hidden;
box-shadow:0 4px 18px rgba(19,41,75,.14);
aspect-ratio:4/3;
}
.acrib-media-gallery img,
.acrib-media-gallery video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.acrib-media-gallery-caption{
font-family:"Lato",sans-serif;
font-size:.82rem;
color:#8a9ab5;
margin:-1.2rem 0 1.6rem;
}
</style>' . "\n";
}, 15);