Ga Terug  
     


Notities

Templates (2.5) Het forum voor Joomla! Templates

Antwoord
 
Onderwerpopties Weergavemodus
Oud 20 april 2015, 14:17   #1
joyce1985
 
Geregistreerd op: 20 april 2015
Berichten: 2
Bedankjes gegeven: 1
Bedankjes ontvangen: 0
Standaard ruimte tussen 2 modules op dezelfde positie

Ik ben mijn website aan het veranderen, staat nu even offline.

In footer2 heb ik 2 modules onder elkaar geplaatst. De mailchimp signup module en de searchmodule . Maar ik zou graag dat er wat meer ruimte tussen deze 2 modules komt, nu zitten ze aan elkaar geplakt.
IK heb al met Firebug gekeken en kon dit veranderen door bij mod preview wrapper hier margin-bottom: 30px toe te voegen. Maar het probleem is dat ik deze niet in de template.css kan vinden en het heeft gelijk invloed op de andere wrappers als ik het in firebug verander.

Hoe zou ik dus op een andere manier ruimte tussen deze 2 modules kunnen krijgen?
joyce1985 is offline   Met citaat antwoorden
Oud 20 april 2015, 16:01   #2
Lianne
 
Lianne's Avatar
 
Geregistreerd op: 23 augustus 2010
Locatie: Arnhem
Leeftijd: 55
Berichten: 1.041
Bedankjes gegeven: 37
Bedankjes ontvangen: 247
Standaard Re: ruimte tussen 2 modules op dezelfde positie

Hi Joyce,

Dat kan. Met het veranderen van het uiterlijk ben je niet beperkt door de declaraties die reeds zijn gemaakt, je kunt zelf ook nieuwe toevoegen. Het gaat erom dat je een unieke class creëert voor de een van de modules. Dit kan door deze een module-suffix te geven. Kijk of je een veld kunt vinden in je mailchimp-module waar je deze kunt invullen. Je mag elk woord gebruiken, mits uniek en voorafgegaan door een spatie. Het handigste is om dit sematisch te doen. Laten we nemen het woord: meer-wit-onder

Vervolgens zet je in je template.css
Code:
.meer-wit-onder {
margin-bottom: 20px;
}
Zet dit onderin.

Succes!
Lianne

---------- Bericht toegevoegd op 20 april 2015 om 16:01 ---------- Vorige bericht was op 20 april 2015 om 16:00 ----------

Hi Joyce,

Dat kan. Met het veranderen van het uiterlijk ben je niet beperkt door de declaraties die reeds zijn gemaakt, je kunt zelf ook nieuwe toevoegen. Het gaat erom dat je een unieke class creëert voor de een van de modules. Dit kan door deze een module-suffix te geven. Kijk of je een veld kunt vinden in je mailchimp-module waar je deze kunt invullen. Je mag elk woord gebruiken, mits uniek en voorafgegaan door een spatie. Het handigste is om dit sematisch te doen. Laten we nemen het woord: meer-wit-onder

Vervolgens zet je in je template.css
Code:
.meer-wit-onder {
margin-bottom: 20px;
}
Zet dit onderin het bestand.

Succes!
Lianne

Met de Firefox-addon Firebug kun je gemakkelijk achterhalen hoe je het uiterlijk van je website verandert. Nieuwsgierig? Volg dan eerst even deze instructie over Firebug die elders op deze site is gepubliceerd.

Mooi & Functioneel | Webdesign & Media, voor betaalbare websites die ogen en werken
Lianne is offline   Met citaat antwoorden
De volgende leden bedanken Lianne voor dit nuttige bericht:
joyce1985 (20 april 2015)
Oud 20 april 2015, 19:32   #3
joyce1985
 
Geregistreerd op: 20 april 2015
Berichten: 2
Bedankjes gegeven: 1
Bedankjes ontvangen: 0
Standaard Re: ruimte tussen 2 modules op dezelfde positie

Heel erg bedankt Lianna! Na uren proberen, is het dankzij jouw oplossing binnen 2 min gelukt!
joyce1985 is offline   Met citaat antwoorden
Antwoord

Trefwoorden
firebug, margin, module, modules, ruimte

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 03:23.