Ik durf bijna niet nog een keer beroep op jullie kennis te doen, maar onverwachts op mijn website de grid presentatie gewijzigd. De vlakken zijn niet langer vierkant, maar rechthoekig geworden. Ik kan met de Inspector van Chrome, niet boven water krijgen waar ik dit kan corrigeren.
Voor de duidelijkheid is alleen de hoogte veranderd. De breedte is wel goed blijven staan.
Zoiets gebeurt nooit vanzelf. Blijkbaar heb je toch zelf ergens iets veranderd.
Zet anders een backup terug van toen het nog wel goed was.
Zet anders een backup terug van toen het nog wel goed was.
Zo te zien is de grid dusdanig ingesteld dan de breedte 2x de hoogte is.
Wellicht kan je dit in de module instellen.
Om dit in de css aan te passen kan je onderstaande css code in de custom.css plaatsen.
Hier is alleen de width aangepast, deze stond op 100% is nu aangepast naar 49% (regel 21).
Wellicht kan je dit in de module instellen.
Om dit in de css aan te passen kan je onderstaande css code in de custom.css plaatsen.
.projects-wrapper .project-img .project-img-extra, .portfolio-module .projects-wrapper .project-img .project-img-extra {
background-image: linear-gradient(top, #D1E990 0%, #AAD75B 100%);
background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75B 100%);
background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75B 100%);
background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75B 100%);
background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75B 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1E990), color-stop(1, #AAD75B));
left: 0;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
width: 49%;
height: 100%;
}
Hier is alleen de width aangepast, deze stond op 100% is nu aangepast naar 49% (regel 21).
- Pagina :
- 1
Er zijn nog geen reacties op dit bericht.
Wees een van de eersten om op dit bericht te reageren!
Wees een van de eersten om op dit bericht te reageren!