Zet de naam van de webshopextensie in de titel en vermeld verder in iedere vraag:

De exacte versie van Joomla! die je gebruikt
De exacte versie van de webshopextensie.
De volledige url van je website (indien mogelijk).

opgelost Layout radio button in speciale velden

Layout radio button in speciale velden

21 mei 2013 19:53

Hoi,
ik heb het volgende probleem.
Ik heb een speciaal veld aangemaakt van het type afbeeldingen. en gekoppeld aan een product met 3 afbeeldingen. Tot zover geen probleem. Alleen de layout ziet er niet uit.
In de bijlage een schermafdrukje.
Sowieso heb ik geen idee hoe het er uit zou moeten (horizontaal of verticaal).

De radio buttons staan helemaal rechts. En de drie plaatjes staan over elkaar heen. Deze zijn 75 px breed daar zou genoeg ruimt voor moeten zijn.

Iemand enig idee hoe ik dit moet aanpassen. Ik weet de css te vinden dat is niet het probleem. Maar wel hoe

groet Jan

Polleke
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 56

Layout radio button in speciale velden

21 mei 2013 20:28

Neem in je template.css op:

Code:

div.product-field.product-field-type-M span span {float:left;}
div.product-field.product-field-type-M span input {float: left;}

Hierdoor worden de radio buttons naast elkaar geplaatst.

Code:

label.other-customfield img {width: 50px;}

Hierdoor worden de 3 plaatjes naast elkaar geplaatst.

groetjes,
Anne

www.numijneigenwebsite.nl + www.nmew.nl - KvK Brabant: 17281897

Wil je Joomla!NL steunen? Dat kan met een donatie.

AnneM
Joomla!NL vriend(in)
Berichten: 1863

Layout radio button in speciale velden

21 mei 2013 20:36

Hi Anne,
Dit lijkt er al veel meer op. Hier ben ik al super blij mee.
Zit nog dat ze niet op 1 lijn staan.

Weet je misschien ook hoe ik dat kan doen ?
zie bijlage.

groet Jan

Polleke
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 56

Layout radio button in speciale velden

21 mei 2013 23:55

Het lijkt erop dat je toch niet voldoende ruimte hebt voor 3 plaatjes naast elkaar en dan gaat plaatje nr.3 in de volgende rij...

Probeer eens met volgende CSS toe te voegen aan je template.css

Code:

div.product-field.product-field-type-M label.other-customfield {
width: 21%;
}

Anders in vm-site-ltr.css in regel 212 onder het kopje

Code:

/* Custom Field Images */
.product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;}
.product-fields .product-field label.other-customfield {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;}  /* For 4 images across use width:17% */

de percentage van 25% veranderen naar 21% i.p.v. 25%

groetjes,
Anne

www.numijneigenwebsite.nl + www.nmew.nl - KvK Brabant: 17281897

Wil je Joomla!NL steunen? Dat kan met een donatie.

AnneM
Joomla!NL vriend(in)
Berichten: 1863

Layout radio button in speciale velden

22 mei 2013 16:51

Hoi Anne,
Dit ziet er erg goed uit.
Kijk maar op www.diamantknoopje.nl/index.php/vps/huwe...kjes/kaartjes-detail

Een WELGEMEEND DANK JE.

Groet Jan

Polleke
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 56

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.652 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Layout radio button in speciale velden

Layout radio button in speciale velden

Layout radio button in speciale velden

Layout radio button in speciale velden

Layout radio button in speciale velden

Layout radio button in speciale velden

Laatste forumberichten

Wil je Joomla!NL steunen?