[opgelost] productfoto''s zonder schaduwrand en zonder witte randen

[roelrutjes 3]

Hallo,

 

De productfoto's in mijn Prestashop 1.7 webshop www.tiltuseddesign.com hebben een schaduw en een witte strook links en rechts van de foto. Ik gebruik vierkante foto's maar toch verdwijnt die witte strook niet. Iemand een oplossing voor de witte stroken en de schaduwrand (die wil ik ook weg hebben).

[MARK-APP.com 21]

Beste Roelrutjes,

Dat komt omdat in de stijl van je template een marge zit van 4px aan de linkerkant van een foto. Die moet dan 0px zijn. Daarnaast moet de foto dan ook breder zijn. Deze is nu 250px en die zou 257px breed moeten zijn. Je kan hiervoor de breedte op 100% zetten. Voor de schaduw kan je de schaduw van de box deactiveren.

Je kan je stijlsheet aanpassen met de volgende aanpassingen.

Voeg dit toe in je custom.css bestand van je thema. (/themes/classic/assets/css/custom.css)

#products img, .featured-products img, .product-accessories img, .product-miniature img {
	margin-left: 0px;
	width: 100%;
}

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    box-shadow: none;
}

Dan zou het verholpen moeten zijn.

Ik hoop dat ik je hiermee geholpen heb. Succes!

Edited September 27, 2019 by MARK-APP.com (see edit history)

[roelrutjes 3]

Hallo Mark,

Super, helemaal goed!

Ik heb het gewoon helemaal onderaan gezet en het werkt.

Bedankt, Roel.