Selecteer een pagina

Borhan Code: Edeting Background & closing cross Lightbox

by | mei 25, 2025 | Css

Beschrijving

achtergrond Light box & closing cross

Ga naar: header | body | posts | reactie.| componenten   | afbeeldingen

Communicatie

f you want the hover effects, then the initial opacity cannot be 1. It should be less than one.
From your previous code, you can remove this line to keep the hover effect.
opacity: 1!important;
So, instead of using the following:
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color: #000!important;
opacity: 1!important;
margin-top: 5px;
}
You should use this:
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color: #000!important;
margin-top: 5px;
}
And the hover effect will be back again

Attentie

uitsluitend css

 Systeem aanpassen thema • Divi option > general > aangepaste css

aanvullende code bij Lightbox
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color: #000!important;
opacity: 0.8;
margin-top: 5px;
}
Aanvullende Css • Divi option > general > aangepaste css

Al reeds bestaande code, om background lightbox te editen.

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !important;
} 

#et-top-navigation{
	display:none;
}
Aanvullende Css • Divi option > general > aangepaste css

Dit wordt dus de totale code

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !important;
} 

#et-top-navigation{
	display:none;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color: #000!important;
opacity: 0.8;
margin-top: 5px;
}

Divi options > integration > Voeg code toe aan de < body > 

sdfsdf dsfss fsdfsdsdfg dfgsdsd
fsffsdffsff
sdffsfsdffg fdfg dsdd fdgdfgfdg

Divi options > integration > Voeg code bovenaan uw posts toe.

sdfsdf dsfss fsdfsdsdfg dfgsdsd
fsffsdffsff
sdffsfsdffg fdfg dsdd fdgdfgfdg

Divi options > integration >

Voeg code onderaan uw posts toe, geplaatst voor de reacties

 

sdfsdf dsfss fsdfsdsdfg dfgsdsd
fsffsdffsff
sdffsfsdffg fdfg dsdd fdgdfgfdg

Divi componenten. aangepaste cs

 

sdfsdf dsfss fsdfsdsdfg dfgsdsd
fsffsdffsff
sdffsfsdffg fdfg dsdd fdgdfgfdg

Css in vrije vorm

Elementen voor

Hoofd elementen

Elementen na

Afbeeldingen

sdfsdf dsfss fsdfsdsdfg dfgsdsd
fsffsdffsff
sdffsfsdffg fdfg dsdd fdgdfgfdg

Ga naar: header | body | posts | reactie.| componenten   | afbeeldingen | top