Jump to content
roelrutjes

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

Recommended Posts

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).

Share this post


Link to post
Share on other sites

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 by MARK-APP.com (see edit history)

Share this post


Link to post
Share on other sites

Hallo Mark,

Super, helemaal goed!

Ik heb het gewoon helemaal onderaan gezet en het werkt.

Bedankt, Roel.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More