.elementor-816 .elementor-element.elementor-element-84f3992{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-b827061 );--border-color:var( --e-global-color-b827061 );}.elementor-816 .elementor-element.elementor-element-84f3992:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-84f3992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-816 .elementor-element.elementor-element-84f3992::before, .elementor-816 .elementor-element.elementor-element-84f3992 > .elementor-background-video-container::before, .elementor-816 .elementor-element.elementor-element-84f3992 > .e-con-inner > .elementor-background-video-container::before, .elementor-816 .elementor-element.elementor-element-84f3992 > .elementor-background-slideshow::before, .elementor-816 .elementor-element.elementor-element-84f3992 > .e-con-inner > .elementor-background-slideshow::before, .elementor-816 .elementor-element.elementor-element-84f3992 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-816 .elementor-element.elementor-element-8a2f04c{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-8d40d13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-816 .elementor-element.elementor-element-8d40d13 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-59d9383 );}.elementor-816 .elementor-element.elementor-element-10fd0f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-816 .elementor-element.elementor-element-10fd0f0:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-10fd0f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-816 .elementor-element.elementor-element-0dcdb3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-51b724b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-816 .elementor-element.elementor-element-d5976b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-1ae11b1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:18px 18px 18px 18px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-816 .elementor-element.elementor-element-1ae11b1:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-1ae11b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-816 .elementor-element.elementor-element-89c350e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:start;}.elementor-816 .elementor-element.elementor-element-89c350e .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-59d9383 );}.elementor-816 .elementor-element.elementor-element-2f00227{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;--e-icon-list-icon-size:10px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(6px/2);}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(6px/2);}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(6px/2);}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-6px/2);}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-6px/2);}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-icon i{color:var( --e-global-color-59d9383 );transition:color 0.3s;}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-icon svg{fill:var( --e-global-color-59d9383 );transition:fill 0.3s;}.elementor-816 .elementor-element.elementor-element-2f00227 .elementor-icon-list-text{color:var( --e-global-color-6d0abe7 );transition:color 0.3s;}.elementor-816 .elementor-element.elementor-element-06f3d75{--display:flex;--gap:9px 0px;--row-gap:9px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:18px 18px 18px 18px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-816 .elementor-element.elementor-element-06f3d75:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-06f3d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59d9383 );}.elementor-816 .elementor-element.elementor-element-d9f1d4b{text-align:center;}.elementor-816 .elementor-element.elementor-element-d9f1d4b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:0.75rem;font-weight:800;text-transform:uppercase;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-816 .elementor-element.elementor-element-8e22598{text-align:center;}.elementor-816 .elementor-element.elementor-element-8e22598 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2em;color:var( --e-global-color-text );}.elementor-816 .elementor-element.elementor-element-8e22598 .elementor-heading-title a:hover, .elementor-816 .elementor-element.elementor-element-8e22598 .elementor-heading-title a:focus{color:var( --e-global-color-9cbc794 );}.elementor-816 .elementor-element.elementor-element-aceb3bd .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-816 .elementor-element.elementor-element-aceb3bd .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-816 .elementor-element.elementor-element-aceb3bd{--e-icon-list-icon-size:7px;--icon-vertical-offset:0px;}.elementor-816 .elementor-element.elementor-element-aceb3bd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-816 .elementor-element.elementor-element-aceb3bd .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;}.elementor-816 .elementor-element.elementor-element-aceb3bd .elementor-icon-list-text{transition:color 0.3s;}.elementor-816 .elementor-element.elementor-element-998fe71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-816 .elementor-element.elementor-element-998fe71:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-998fe71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59d9383 );}.elementor-816 .elementor-element.elementor-element-d6e804f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-d6e804f:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-d6e804f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59d9383 );}.elementor-816 .elementor-element.elementor-element-fd11bc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-816 .elementor-element.elementor-element-cf851f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-816 .elementor-element.elementor-element-d2fdc90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-d2fdc90:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-d2fdc90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-59d9383 );}.elementor-816 .elementor-element.elementor-element-e2c00bf{--swiper-slides-to-display:3;--swiper-offset-size:80px;--swiper-slides-gap:16px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-70px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:55px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:30px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:55px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-9cbc794 );}.elementor-816 .elementor-element.elementor-element-e2c00bf .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-816 .elementor-element.elementor-element-8a2f04c{--width:100%;}.elementor-816 .elementor-element.elementor-element-0dcdb3a{--width:66.6666%;}.elementor-816 .elementor-element.elementor-element-51b724b{--width:33.3333%;}}@media(max-width:1024px) and (min-width:768px){.elementor-816 .elementor-element.elementor-element-8a2f04c{--width:100%;}.elementor-816 .elementor-element.elementor-element-0dcdb3a{--width:100%;}.elementor-816 .elementor-element.elementor-element-51b724b{--width:100%;}}@media(min-width:1025px){.elementor-816 .elementor-element.elementor-element-84f3992:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-84f3992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-816 .elementor-element.elementor-element-84f3992:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-84f3992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wijdekkendaken.nl/wp-content/uploads/2026/04/imgi_56_AR500261-1536x1024.jpg");}.elementor-816 .elementor-element.elementor-element-84f3992{--gap:48px 48px;--row-gap:48px;--column-gap:48px;--flex-wrap:wrap;}.elementor-816 .elementor-element.elementor-element-8d40d13 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-816 .elementor-element.elementor-element-10fd0f0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-816 .elementor-element.elementor-element-51b724b{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-816 .elementor-element.elementor-element-89c350e .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-816 .elementor-element.elementor-element-06f3d75.e-con{--align-self:center;}.elementor-816 .elementor-element.elementor-element-cf851f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-816 .elementor-element.elementor-element-e2c00bf{--swiper-slides-to-display:2;--swiper-offset-size:60px;}}@media(max-width:767px){.elementor-816 .elementor-element.elementor-element-8d40d13{text-align:start;}.elementor-816 .elementor-element.elementor-element-8d40d13 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-816 .elementor-element.elementor-element-10fd0f0{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-816 .elementor-element.elementor-element-89c350e .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-816 .elementor-element.elementor-element-fd11bc3{text-align:start;}.elementor-816 .elementor-element.elementor-element-cf851f4{text-align:start;}.elementor-816 .elementor-element.elementor-element-e2c00bf{--swiper-slides-to-display:1;--swiper-offset-size:40px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-4a31b79 */Voeg dit toe aan hetzelfde CSS blok:

.elementor-816 .elementor-element.elementor-element-4a31b79 img {
    border-radius: 14px !important;
}
Je volledige CSS kan dus gewoon blijven staan, met dit stukje erbij:

.elementor-816 .elementor-element.elementor-element-4a31b79 img {
    border-radius: 14px !important;
    overflow: hidden;
}
Wil je alleen afbeeldingen van de Elementor Image widget afronden en niet bijvoorbeeld kleine icoontjes, gebruik dan:

.elementor-816 .elementor-element.elementor-element-4a31b79 .elementor-widget-image img {
    border-radius: 14px !important;
}
Ik zou zelf 14px gebruiken. Dat geeft een nette, moderne ronding zonder dat het te rond wordt.


En nog goeie ideen over gladheid? en alle images evt rechthoekig 1920x1080?

Ja, je kunt alle afbeeldingen binnen dit blok automatisch in een strakke 16:9 verhouding tonen. Dat is dezelfde verhouding als 1920 × 1080.

Voeg dit toe:

.elementor-816 .elementor-element.elementor-element-4a31b79 img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    border-radius: 14px !important;
    display: block;
}
Hiermee worden alle afbeeldingen rechthoekig en even groot weergegeven. Afbeeldingen die een andere verhouding hebben, worden netjes bijgesneden.

CSS maakt een afbeelding alleen visueel 16:9. Voor optimale scherpte kun je afbeeldingen het beste daadwerkelijk uploaden als 1920 × 1080 pixels of minimaal 1280 × 720 pixels.

Voor een wat gladdere en luxere uitstraling kun je een subtiele schaduw toevoegen:

.elementor-816 .elementor-element.elementor-element-4a31b79 img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    border-radius: 14px !important;
    display: block;
    box-shadow: 0 6px 20px rgba(4, 15, 46, 0.10);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
Eventueel kun je op desktop een heel subtiel hovereffect gebruiken:

@media (min-width: 768px) {
    .elementor-816 .elementor-element.elementor-element-4a31b79 img:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(4, 15, 46, 0.15);
    }
}
Mijn advies is om de ronding op 12 tot 14 pixels te houden en de schaduw subtiel te laten. Dat oogt verzorgd zonder dat de blog te druk wordt.


Geef me de volledige css!

.elementor-816 .elementor-element.elementor-element-4a31b79 {
    color: #040F2E;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 h2 {
    position: relative;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    color: #040F2E !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 9px;
    background-color: #1B8B2B;
    border-radius: 10px;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 h3 {
    margin-top: 26px !important;
    margin-bottom: 10px !important;
    padding-left: 12px;
    color: #040F2E !important;
    border-left: 3px solid #1B8B2B;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 p {
    margin-bottom: 16px;
    line-height: 1.7;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 ul,
.elementor-816 .elementor-element.elementor-element-4a31b79 ol {
    margin-bottom: 18px !important;
    padding-left: 22px;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 li {
    margin-bottom: 7px;
    line-height: 1.6;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 a {
    color: #1B8B2B;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 a:hover,
.elementor-816 .elementor-element.elementor-element-4a31b79 a:focus {
    color: #040F2E;
}

.elementor-816 .elementor-element.elementor-element-4a31b79 img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(4, 15, 46, 0.10);
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) {
    .elementor-816 .elementor-element.elementor-element-4a31b79 img:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(4, 15, 46, 0.15);
    }
}

@media (max-width: 767px) {
    .elementor-816 .elementor-element.elementor-element-4a31b79 h2 {
        margin-top: 28px !important;
        font-size: 21px !important;
    }

    .elementor-816 .elementor-element.elementor-element-4a31b79 h3 {
        margin-top: 22px !important;
        font-size: 18px !important;
    }

    .elementor-816 .elementor-element.elementor-element-4a31b79 img {
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 12px !important;
    }
}
Alle afbeeldingen worden hiermee automatisch in een verhouding van 16:9 getoond, zoals 1920 × 1080. Afbeeldingen met een andere verhouding worden automatisch bijgesneden.


En dan wel alleen puur van invloed op deze css classes  blog-tussenkop

Zeker. Gebruik overal .blog-tussenkop in plaats van .elementor-816 .elementor-element.elementor-element-4a31b79. Dan heeft deze CSS alleen invloed op elementen binnen de CSS-class blog-tussenkop.

Vul in Elementor bij Geavanceerd > CSS-classes dit in:

blog-tussenkop
Gebruik daarna deze volledige CSS:

.blog-tussenkop {
    color: #040F2E;
}

.blog-tussenkop h2 {
    position: relative;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    color: #040F2E !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3;
}

.blog-tussenkop h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 9px;
    background-color: #1B8B2B;
    border-radius: 10px;
}

.blog-tussenkop h3 {
    margin-top: 26px !important;
    margin-bottom: 10px !important;
    padding-left: 12px;
    color: #040F2E !important;
    border-left: 3px solid #1B8B2B;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.blog-tussenkop p {
    margin-bottom: 16px;
    line-height: 1.7;
}

.blog-tussenkop ul,
.blog-tussenkop ol {
    margin-bottom: 18px !important;
    padding-left: 22px;
}

.blog-tussenkop li {
    margin-bottom: 7px;
    line-height: 1.6;
}

.blog-tussenkop a {
    color: #1B8B2B;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog-tussenkop a:hover,
.blog-tussenkop a:focus {
    color: #040F2E;
}

.blog-tussenkop img {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(4, 15, 46, 0.10);
    backface-visibility: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) {
    .blog-tussenkop img:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(4, 15, 46, 0.15);
    }
}

@media (max-width: 767px) {
    .blog-tussenkop h2 {
        margin-top: 28px !important;
        font-size: 21px !important;
    }

    .blog-tussenkop h3 {
        margin-top: 22px !important;
        font-size: 18px !important;
    }

    .blog-tussenkop img {
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 12px !important;
    }
}
Hierdoor worden uitsluitend afbeeldingen, tussenkoppen, teksten en links binnen blog-tussenkop aangepast.


Allene staat die niet voleldige breedte nu

Waarschijnlijk wordt de afbeelding tegengehouden door een figure, a of Elementor-container. Vervang je huidige afbeelding-CSS door dit:

.blog-tussenkop figure,
.blog-tussenkop picture,
.blog-tussenkop .wp-caption,
.blog-tussenkop .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

.blog-tussenkop figure {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.blog-tussenkop figure a,
.blog-tussenkop .elementor-widget-image a {
    display: block;
    width: 100%;
}

.blog-tussenkop img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(4, 15, 46, 0.10);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
Hiermee vult de afbeelding de volledige breedte van het blogblok. Hij wordt dus niet breder dan de container waarin blog-tussenkop staat.

Wil je dat de afbeelding ook buiten de tekstbreedte doorloopt, dan is daar andere CSS voor nodig.


.blog-tussenkop {
    color: #040F2E;
}

.blog-tussenkop h2 {
    position: relative;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    color: #040F2E !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3;
}

.blog-tussenkop h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 9px;
    background-color: #1B8B2B;
    border-radius: 10px;
}

.blog-tussenkop h3 {
    margin-top: 26px !important;
    margin-bottom: 10px !important;
    padding-left: 12px;
    color: #040F2E !important;
    border-left: 3px solid #1B8B2B;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.blog-tussenkop p {
    margin-bottom: 16px;
    line-height: 1.7;
}

.blog-tussenkop ul,
.blog-tussenkop ol {
    margin-bottom: 18px !important;
    padding-left: 22px;
}

.blog-tussenkop li {
    margin-bottom: 7px;
    line-height: 1.6;
}

.blog-tussenkop a {
    color: #1B8B2B;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog-tussenkop a:hover,
.blog-tussenkop a:focus {
    color: #040F2E;
}

.blog-tussenkop img {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(4, 15, 46, 0.10);
    backface-visibility: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) {
    .blog-tussenkop img:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(4, 15, 46, 0.15);
    }
}

@media (max-width: 767px) {
    .blog-tussenkop h2 {
        margin-top: 28px !important;
        font-size: 21px !important;
    }

    .blog-tussenkop h3 {
        margin-top: 22px !important;
        font-size: 18px !important;
    }

    .blog-tussenkop img {
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 12px !important;
    }
} Duit de juiste?

Bijna. Gebruik deze versie. Hiermee worden ook de omringende figure, picture en linkelementen volledig breed, zodat de afbeelding echt de hele breedte van het blogblok vult.

.blog-tussenkop {
    color: #040F2E;
}

.blog-tussenkop h2 {
    position: relative;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    color: #040F2E !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3;
}

.blog-tussenkop h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 9px;
    background-color: #1B8B2B;
    border-radius: 10px;
}

.blog-tussenkop h3 {
    margin-top: 26px !important;
    margin-bottom: 10px !important;
    padding-left: 12px;
    color: #040F2E !important;
    border-left: 3px solid #1B8B2B;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.blog-tussenkop p {
    margin-bottom: 16px;
    line-height: 1.7;
}

.blog-tussenkop ul,
.blog-tussenkop ol {
    margin-bottom: 18px !important;
    padding-left: 22px;
}

.blog-tussenkop li {
    margin-bottom: 7px;
    line-height: 1.6;
}

.blog-tussenkop a {
    color: #1B8B2B;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog-tussenkop a:hover,
.blog-tussenkop a:focus {
    color: #040F2E;
}

.blog-tussenkop figure,
.blog-tussenkop picture,
.blog-tussenkop .wp-caption,
.blog-tussenkop .elementor-widget-image,
.blog-tussenkop .elementor-widget-image .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

.blog-tussenkop figure,
.blog-tussenkop .wp-caption {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.blog-tussenkop figure a,
.blog-tussenkop picture,
.blog-tussenkop .elementor-widget-image a {
    display: block;
    width: 100% !important;
}

.blog-tussenkop img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(4, 15, 46, 0.10);
    backface-visibility: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) {
    .blog-tussenkop img:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(4, 15, 46, 0.15);
    }
}

@media (max-width: 767px) {
    .blog-tussenkop h2 {
        margin-top: 28px !important;
        font-size: 21px !important;
    }

    .blog-tussenkop h3 {
        margin-top: 22px !important;
        font-size: 18px !important;
    }

    .blog-tussenkop img {
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 12px !important;
    }
}
Plaats blog-tussenkop bij Geavanceerd → CSS classes op de container of teksteditor waarin de volledige bloginhoud staat. De afbeelding vult dan maximaal de breedte van die container./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51b724b */.elementor-816 .elementor-element.elementor-element-51b724b h5 {
  font-weight: 700;
  font-size: 1.125rem;
}

.elementor-816 .elementor-element.elementor-element-51b724b ul {
  padding-left: 1.5em;

}

.elementor-816 .elementor-element.elementor-element-51b724b ul > li a {
    display: block;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-e2c00bf *//* Start of Loop Carousel Hover Scale */
.equal-slides .swiper-slide {
  overflow: visible;
}

.equal-slides .swiper-slide.e-loop-item > .e-con {
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 14px;
}

.equal-slides .swiper-slide.e-loop-item > .e-con:hover {
  transform: scale(1.01);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10);
}

.equal-slides .elementor-loop-container {
  padding: 8px;
  margin: 0 -8px;
}
/* End of Loop Carousel Hover Scale *//* End custom CSS */