Ik wil graag wat meer witruimte tussen de 'accessoires' in mijn webwinkel. Met padding lijkt het niet te lukken.
Ik heb nu dit in global.css:
/* BLOCK .products_block_accessoires ******************************************************************* */
.products_block_accessoires{}
.products_block_accessoires li {
width:100px;
text-align:center;
margin-left:3px;
padding-left:0px;
margin-right:3px;
padding-right:5px;}
.products_block_accessoires li img {border:0px solid #000000}
Maar nu staan de beschrijvingen van de accessoires tegen elkaar aan, ik wil wat witruimte tussen de verschillende producten.
Als ik de .products_block aanpas lukt het wel, maar dan is er op andere pagina's (bijv de homepage) weer te veel wit.
.products_block {}
.products_block li {float:left;
}
.products_block li img {border:0px solid #000000}
En als ik dit bovenstaande stukje code kopieer, een andere naam geef en in product.tpl de naam aanpas komt alles onder elkaar, dus dat lijkt ook niet goed te gaan bij mij.
Iemand een idee hoe ik alles hetzelfde houd, maar dan met iets meer (iets van 5 px) witruimte ertussen? Alvast bedankt.