opgelost Vlakken beter verdelen over beschikbare ruimte

Hallo,

Op DEZE website zou ik de drie vlakken, welke onder de foto slider staan, graag wat beter willen verdelen over de ruimte waarin ze staan maar ik weet niet goed hoe ik dat het beste kan aanpakken.

Kunnen jullie hierin advies geven?

Hebben je modules toevallig de suffix span-4? Zo ja, maak daar dan span-3 van.

Heb ik het juist dat je het "Module class achtervoegsel" bedoeld en deze is leeg bij mij?

Ja, dat bedoel ik. Maar zag net ook dat dat niet werkt. Wat wel moet werken is een eigen achtervoegsel erin zetten. En dan onderstaande regels toevoegen aan de css van je template. "test" in het voorbeeld even vervangen door iets wat logischer is en niet gebruikt wordt door je template.
Dus achtervoegsel en vervanging van "test" moeten gelijk zijn.

Ik heb er het onderstaande van gemaakt:
En daarna "middenblok" toegevoegd als tekst bij "Module class achtervoegsel" (bij alle drie de apart aangemaakte modules) maar helaas wil het niet werken.

Doe ik toe iets verkeerd?
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Waar heb je die toegevoegd? Ik zie hem niet. Is wel goed en middenblok is een stuk beter dan test

Even ter aanvulling:
In je CSS zet je .middenblok (dus met een punt ervoor.
In het veld "Module class achtervoegsel" moet je die punt er niet voorzetten.

Ik heb het onderstaande toegevoegd in style.css

En de tekst middenblok (zonder puntje) bij "Module class achtervoegsel"
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Die suffix zie ik wel bij je module, dus dat is goed. Maar hij staat niet in styles.css

Joomla cache geleegd?

Snap er helemaal niets van

Ik heb de tekst helemaal onderaan in styles.css geplaatst ( www.judoclubbladel.nl/nieuw/templates/css )

Ik heb de cache ook geleegd en het maakt toch niet uit waar ik deze tekst in styles.css plaats?


Edit WoodyF4u: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Kijk even goed of je hem wel op de juiste plaats hebt gezet. Voor zover ik het kan zien heb je onderin je styles.css een aparte definitie staan voor mobiele weergave. Die begint met Daar staan dan een heleboel definities onder. Deze moet afgesloten worden met twee keer haakje sluiten .
Na dat laatste haakje sluiten moet je eigen definitie komen.
Ik denk dat je hem nu tussen die twee haakjes sluiten hebt staan.

Misschien dat je het allen wat te snel hebt genoteerd, maar het css-bestand styles.css staat in:
../nieuw/templates/corporate/css/styles.css

Vergeet de templatemap niet.