Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Witruimte in moduleblok verkleinen (J3, protostar)

Witruimte in moduleblok verkleinen (J3, protostar)

27 nov 2014 19:32 - 27 nov 2014 22:16
#1
Ik vind de lege ruimte rond de tekst binnen in een module (menu)blok te groot. De boven en linkerkant heb ik kunnen aanpassen in mijn kopie van Protostar in de template.css:
(2117: rechter menu )
Code:
.well { min-height: 20px; /* geen wijziging zichtbaar */ padding: 9px; /* was 19px; boven- en linkerrand versmalt */ margin-bottom: 20px; /*> 10 (ruimte tussen kaders) */ background-color: # bcffbc; border: 1px solid #e3e3e3;
Kan de onder (en boven?) kan ook verkleind worden? Hoe/waar?

Edit Anne M: Ik heb code tussen codestags geplaatst. Volgende keer graag zelf doen
Laatst bewerkt 27 nov 2014 22:16 door AnneM.
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56

Witruimte in moduleblok verkleinen (J3, protostar)

27 nov 2014 22:18
#2
Verklein de waarde van
Code:
margin-bottom
naar bijvoorbeeld 0
De padding geeft m.i. voldoende ruimte in iedere module
groetjes,
Anne
www.numijneigenwebsite.nl + www.nmew.nl - KvK Brabant: 17281897Wil je Joomla!NL steunen? Dat kan met een donatie.
  • AnneM
  • AnneM's berichtenfoto
  • Joomla!NL vriend(in)
  • Joomla!NL vriend(in)
  • Berichten: 1863

Witruimte in moduleblok verkleinen (J3, protostar)

27 nov 2014 22:35
#3
Als ik margin-bottom wijzig, verandert de witruimte tussen de blokken onderling.
Als ik padding aanpas, wijzigt inderdaad de witruimte in het blok, maar enkel bovenaan en links.
Maar de ruimte onder het laatste menu-item (tss tekst en bodemlijn) (en ook rechts) blijft te groot.
Ik veronderstel dat die elders moet aangepast/ingesteld worden??
(Ook opvallend zichtbaar bij het Zoek-venster.)

( survlivel.cultu.be/ )
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 09:39
#4
Gedeeltelijk op te lossen door je padding apart te definiëren. Je hebt nu overal een padding van 9px, dus die moet onder maar 0px zijn.
Code:
padding-bottom: 0px;
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37101

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 10:11 - 28 nov 2014 14:02
#5
Ik heb
Code:
padding-bottom: 0px;
toegevoegd. De witruimte wordt dan kleiner, maar het lijkt of er onder ieder laatste menu-item een lege regel (voorzien) is.
Die extra lege ruimte probeer ik weg te krijgen... ?
Laatst bewerkt 28 nov 2014 14:02 door Jelle.
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 10:17
#6
Er zit een marge onder
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37101

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 10:20 - 28 nov 2014 10:21
#7
template.css rg 2835
Bij de class .nav staat margin-bottom op 18 px deze verkleinen
of toevoegen
Code:
.well .nav margin-bottom: 9 px
of iedere andere waarde al naar believen.
(Edit gelijk met Astrid)
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 28 nov 2014 10:21 door Romke.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 10:43
#8
Ja, dat werkt. Zo wilde ik het hebben.
Het wordt niet overgenomen in voor de Zoek module. De stijl heb ik zoals voor de andere modules op 'well' gezet. Moet het voor speciale modules afzonderlijk ingesteld worden?
(Het zou al geen ramp zijn als dat niet lukt. Maar het oogt wat gelijkvormiger en beter.)
Veel dank.
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 11:01
#9
Hugot,

Je zult dan voor iedere type module ongeveer de volgende code moeten toevoegen:
Code:
.well .search { margin-bottom: xxpx }
Dat geldt dan ook voor het login-form en de latest articles.
Kijk met firebug welke benamingen er gebruikt worden.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum		Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 11:25 - 28 nov 2014 14:00
#10
Dat schijn niet voldoende te zijn.
Met Firebug zie ik een extra lege regel, ergens bij
Code:
<form class="form-inline" method="post" action="/">

Maar ik zie niet waar/hoe ik dat kan aanpassen.
Laatst bewerkt 28 nov 2014 14:00 door Jelle.
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 11:29 - 28 nov 2014 14:02
#11
en als ik
Code:
padding-bottom: 3px;
toevoeg bij
.well . search
dan worden die pixels nog extra toegevoegd. Werkt dus ook niet.
Laatst bewerkt 28 nov 2014 14:02 door Jelle.
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56

Witruimte in moduleblok verkleinen (J3, protostar)

28 nov 2014 13:15 - 28 nov 2014 14:01
#12
Ik heb iets gevonden dat schijnt te werken (regel 841):
Code:
form { margin: 0 0 8px; /* was 18px; */ }

Edit Jelle.D: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 28 nov 2014 14:01 door Jelle.
  • hugot
  • hugot's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 56
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 1.075 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie