Joomla!Community.eu Forum

Joomla!Community.eu Forum (http://forum.joomlacommunity.eu/index.php)
-   Layout (VM) (http://forum.joomlacommunity.eu/forumdisplay.php?f=55)
-   -   Opgelost: Kleurkeuze bokjes overlappe elkaar. (http://forum.joomlacommunity.eu/showthread.php?t=25694)

Funtshirts 9 juli 2016 17:44

Kleurkeuze bokjes overlappe elkaar.
 
Hoi allemaal,

Ik heb een irritant klein probleem wat ik niet voor elkaar krijg om op te lossen.
Mijn website maakt gebruik van cmsmart's extensie colorswatch. Deze laat blokjes in een bepaalde kleur zijn waardoor mensen een t-shirt kleur kunnen uitkiezen.

Nu overlappen de kleurblokjes elkaar op de product detailpagina, waar er zoveel kleuren worden aangeboden dat er 2 rijen voor nodig zijn.

Op alle andere pagina waar deze kleurblokjes staat heb ik de tussenruimte en alles zoals ik wil. Maar zodra ik deze blokjes op de product detail pagina aanpas, dan heeft dat ook weer effect op de andere pagina's en staan die weer verkeerd grrr

Kan iemand mij css code geven dat WEL werkt? :( Hier is de link van een pagina waar ze verkeerd staan:
https://www.funtshirts.nl/shop/paard...n-dames-detail

fvdn 9 juli 2016 20:04

Re: Kleurkeuze bokjes overlappe elkaar.
 
Plaatst onderstaand css in de custom.css en het werkt weer goed. Als je nog geen custom.css hebt deze eerst even aanmaken. Kan allemaal via de template manager van Joomla!

Code:

.vm-product-details-container .product-fields {    border-color: #eaeaea;
    border-style: none;
    border-width: 0 0 1px;
    margin: 0 -66px 20px;
    padding: 29px 65px 20px;


}

.product-field-display label {
    margin-right: -3px;

}

Funtshirts 10 juli 2016 00:46

Re: Kleurkeuze bokjes overlappe elkaar.
 
Bedankt voor je hulp.

Met dat stukje code zien op de andere pagina's de blokjes eruit zoals op de screenshot.
http://i65.tinypic.com/rc4qo5.png

Als ik die ruimte wat grote maak, komen de kleurblokjes weer op een 2e rij en overlappen ze elkaar weer. Zie screenshot.
http://i65.tinypic.com/2em37dy.png

fvdn 10 juli 2016 05:32

Re: Kleurkeuze bokjes overlappe elkaar.
 
Oke, dat kan ik niet zien maar het ziet er iig al een stuk beter uit nu nog het laatste probleempje.

zet onderstaande ook maar in de custon.css

Code:

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 33px;
    max-width: 100%;

}

en als je onderstaande "padding" (65px even aanpassen in 58px) die er al staat nog even aanpast staan zo ook weer allemaal netjes op een rij. Je mag dit ook zo in het geheel plaatsen!

Code:

.product-fields {    border-color: #eaeaea;
    border-style: none;
    border-width: 0 0 1px;
    margin: 0 -66px 19px;
    padding: 28px 58px 20px;


}


Funtshirts 10 juli 2016 23:09

Re: Kleurkeuze bokjes overlappe elkaar.
 
Thanks! Bedankt voor je hulp :)


Alle tijden zijn GMT +1. De tijd is nu 11:13.

Forum software: vBulletin, versie 3.8.7
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Copyright 2008 - 2011 JoomlaCommunity.eu