Ga Terug  
     


Notities

Layout (VM) Plaats hier je vragen over de layout.

Antwoord
 
Onderwerpopties Weergavemodus
Oud 9 juli 2016, 17:44   #1
Funtshirts
 
Geregistreerd op: 10 april 2016
Berichten: 43
Bedankjes gegeven: 14
Bedankjes ontvangen: 0
Standaard 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
Funtshirts is offline   Met citaat antwoorden
Oud 9 juli 2016, 20:04   #2
fvdn
 
Geregistreerd op: 15 juli 2010
Locatie: Krimpen aan den IJssel
Leeftijd: 58
Berichten: 382
Bedankjes gegeven: 9
Bedankjes ontvangen: 69
Standaard 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;
}

Laatst aangepast door hvdmeer : 11 juli 2016 om 06:48. Reden: code-tags

Fred

Wil je Gratis een professionele website of Gratis hulp bij het maken van jouw website kijk dan snel op www.iFred.nl
fvdn is offline   Met citaat antwoorden
Oud 10 juli 2016, 00:46   #3
Funtshirts
 
Geregistreerd op: 10 april 2016
Berichten: 43
Bedankjes gegeven: 14
Bedankjes ontvangen: 0
Standaard 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.


Als ik die ruimte wat grote maak, komen de kleurblokjes weer op een 2e rij en overlappen ze elkaar weer. Zie screenshot.
Funtshirts is offline   Met citaat antwoorden
Oud 10 juli 2016, 05:32   #4
fvdn
 
Geregistreerd op: 15 juli 2010
Locatie: Krimpen aan den IJssel
Leeftijd: 58
Berichten: 382
Bedankjes gegeven: 9
Bedankjes ontvangen: 69
Standaard 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;


}

Laatst aangepast door hvdmeer : 11 juli 2016 om 06:48. Reden: codetages

Fred

Wil je Gratis een professionele website of Gratis hulp bij het maken van jouw website kijk dan snel op www.iFred.nl
fvdn is offline   Met citaat antwoorden
Oud 10 juli 2016, 23:09   #5
Funtshirts
 
Geregistreerd op: 10 april 2016
Berichten: 43
Bedankjes gegeven: 14
Bedankjes ontvangen: 0
Standaard Re: Kleurkeuze bokjes overlappe elkaar.

Thanks! Bedankt voor je hulp
Funtshirts is offline   Met citaat antwoorden
Antwoord

Onderwerpopties
Weergavemodus

Berichting Regels
Je mag niet nieuwe onderwerpen maken
Je mag niet reageren op berichten
Je mag niet bijlagen posten
Je mag niet je berichten bewerken

BB code is Aan
Smilies zijn Aan
[IMG] code is Aan
HTML code is Uit

Forumnavigatie


Alle tijden zijn GMT +1. De tijd is nu 02:42.