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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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