Afbeelding verkleinen
Citaat van Martijn de Klerk op 8 april 2024, 08:44Is het mogelijk om de feutured image te verkleinen? Ik vind de producten altijd zo groot op een site, je kan niet makkelijk een product naast een alinea tekst zetten. Is het mogelijk om het blokje te verkleinen? Als ik afbeelding op ‘klein’ zet verandert er niks, blijft hij even groot als ‘gemiddeld’. Ook als je titel op H4 of H5 zet, verandert er niks aan grootte. Doe ik iets verkeerd?
Als voorbeeld: https://winkelduurzamer.nl/15-eenvoudige-duurzame-swaps-voor-een-groener-leven/
Als je naast ‘sponsen voor je huid’ kijkt heb ik een product gezet. Afbeedling klein, titel op H$, maar blijft zo groot. Als er een manier is om het te verkleinen, graag.
Groet Martijn
Is het mogelijk om de feutured image te verkleinen? Ik vind de producten altijd zo groot op een site, je kan niet makkelijk een product naast een alinea tekst zetten. Is het mogelijk om het blokje te verkleinen? Als ik afbeelding op ‘klein’ zet verandert er niks, blijft hij even groot als ‘gemiddeld’. Ook als je titel op H4 of H5 zet, verandert er niks aan grootte. Doe ik iets verkeerd?
Als voorbeeld: https://winkelduurzamer.nl/15-eenvoudige-duurzame-swaps-voor-een-groener-leven/
Als je naast ‘sponsen voor je huid’ kijkt heb ik een product gezet. Afbeedling klein, titel op H$, maar blijft zo groot. Als er een manier is om het te verkleinen, graag.
Groet Martijn
Citaat van Martijn de Klerk op 8 april 2024, 11:09Ik heb hem nu op ‘lijst’ gezet en dan wordt afbeelding wel wat kleiner, titel niet. bij ‘rooster’ gebeurt er volgens mij niks. Als het nog wat aan te passen valt, hoor ik dat graag.
Ik heb hem nu op ‘lijst’ gezet en dan wordt afbeelding wel wat kleiner, titel niet. bij ‘rooster’ gebeurt er volgens mij niks. Als het nog wat aan te passen valt, hoor ik dat graag.
Citaat van Dennis op 8 april 2024, 15:45Hoi Martijn,
Bedankt voor je bericht.
Op basis van de shortcode instelling om de afbeelding “klein”, “gemiddeld” of “groot” te maken wordt er een CSS class toegekend aan de afbeelding in de productbox. Er is tussen de verschillende opties, verschil in grootte, alleen wellicht niet zo groot als dat jij in dit geval verwacht/graag zou willen.
Op de desktop versie en in de stijl “rooster” zijn dit de breedte percentages van de productafbeeldingen:
- Klein: 20%
- Gemiddeld: 30%
- Groot: 40%
Op de desktop versie en in de stijl “lijst” zijn dit de breedte percentages van de productafbeeldingen:
- Klein: 10%
- Gemiddeld: 15%
- Groot: 20%
Op tablet en mobiel wordt de afbeelding verhoudingsgewijs nog kleiner.
Mocht dit niet toereikend zijn, dan adviseer ik je om custom CSS toe te voegen. Dit kan gemakkelijk door in te haken op de “ah-affiliate-products-product-image” class. Als je dit enkel voor een specifiek product wilt laten gelden, dien je de post ID en productnummer mee te nemen in je CSS selectors. Bijvoorbeeld: “.postid-XXX #ah-affiliate-products-YYY .ah-affiliate-products-product-image” (waarbij XXX je post ID is en YYY je productnummer).
Wat betreft de lettergrootte van producttitels: deze zijn globaal in te stellen onder de “styling” opties van de plugin. Het is niet mogelijk om voor de koppen H2, H3, H4, etc een individuele lettergrootte in te stellen. Mocht je dit willen raad ik aan hiervoor custom CSS te gebruiken. Je kunt hiervoor inhaken op de class “ah-affiliate-products-product-title”. Zo kun je voor bijvoorbeeld enkel de H4 koppen de volgende CSS selector gebruiken “H4.ah-affiliate-products-product-title”.
Laat gerust weten of je zo verder kunt.
Hoi Martijn,
Bedankt voor je bericht.
Op basis van de shortcode instelling om de afbeelding “klein”, “gemiddeld” of “groot” te maken wordt er een CSS class toegekend aan de afbeelding in de productbox. Er is tussen de verschillende opties, verschil in grootte, alleen wellicht niet zo groot als dat jij in dit geval verwacht/graag zou willen.
Op de desktop versie en in de stijl “rooster” zijn dit de breedte percentages van de productafbeeldingen:
- Klein: 20%
- Gemiddeld: 30%
- Groot: 40%
Op de desktop versie en in de stijl “lijst” zijn dit de breedte percentages van de productafbeeldingen:
- Klein: 10%
- Gemiddeld: 15%
- Groot: 20%
Op tablet en mobiel wordt de afbeelding verhoudingsgewijs nog kleiner.
Mocht dit niet toereikend zijn, dan adviseer ik je om custom CSS toe te voegen. Dit kan gemakkelijk door in te haken op de “ah-affiliate-products-product-image” class. Als je dit enkel voor een specifiek product wilt laten gelden, dien je de post ID en productnummer mee te nemen in je CSS selectors. Bijvoorbeeld: “.postid-XXX #ah-affiliate-products-YYY .ah-affiliate-products-product-image” (waarbij XXX je post ID is en YYY je productnummer).
Wat betreft de lettergrootte van producttitels: deze zijn globaal in te stellen onder de “styling” opties van de plugin. Het is niet mogelijk om voor de koppen H2, H3, H4, etc een individuele lettergrootte in te stellen. Mocht je dit willen raad ik aan hiervoor custom CSS te gebruiken. Je kunt hiervoor inhaken op de class “ah-affiliate-products-product-title”. Zo kun je voor bijvoorbeeld enkel de H4 koppen de volgende CSS selector gebruiken “H4.ah-affiliate-products-product-title”.
Laat gerust weten of je zo verder kunt.
Citaat van Martijn de Klerk op 8 april 2024, 16:19Hoi Dennis, super Tnx, daar kan ik wel wat mee
Hoi Dennis, super Tnx, daar kan ik wel wat mee
Zoeken
Nieuwste reacties
