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 Marge van <p> aanpassen

Marge van <p> aanpassen

02 jan 2020 14:36 - 02 jan 2020 16:00
#1
Hoi allen,

Dit keer een ogenschijnlijk simpel probleem, maar ik ben te onervaren met het zelf schrijven van CSS.
Ik maak bij mijn website gebruik van de Template Creator en dat werkt heel aardig. Toch is er ineens iets veranderd aan mijn lay-out (geen idee waarom) en wel de marge die hij toekent aan de <p>. Die is groter geworden dan hij was.
Te zien op bv: www.europa1900.eu/central-europe/austria-hungary
Oorspronkelijk was het zo ingesteld dat de tekst links (Some data... t/m Wikipedia) precies overeenkwam met de hoogte van de foto rechts.
Ik wil dus graag de marge van <p> aanpassen in de standaardtekst. Bij de Template Creator kan ik dat weliswaar bij de H1 t/m H6 maar niet bij de standaardtekst. Daar kan ik alleen de line-height aanpassen.
Ik heb wel de mogelijkheid om extra CSS toe te voegen, maar weet nu niet goed wat ik dan moet doen.

Het enige dat ik terug kan vinden in template.css is het onderstaande.
Code:
p { padding: 5px 0; }
Maar ik heb niet het idee dat die 5px het doen....
Wie kan me helpen? Alvast bedankt voor je antwoord!!

Groet, Marc
Edit Romke: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 02 jan 2020 16:00 door Romke.
  • Tureluurtje
  • Tureluurtje's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Marge van <p> aanpassen

02 jan 2020 15:59 - 02 jan 2020 16:25
#2
Die doet het dus wel. Als ik die op 1 stel dan wordt het namelijk wel even hoog als de afbeelding er naast.

Tip: maak gebruik van de ingebouwde Hulpmiddelen voor ontwikkelaars voor Firefox (Ctrl + Shift + I voor Windows of Cmd + Opt + I voor Mac) of een soortgelijk alternatief voor andere browsers Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
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 02 jan 2020 16:25 door Astrid.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Marge van <p> aanpassen

02 jan 2020 16:28
#3
In dit soort gevallen is het handiger om ook de "parent" (op deze pagina de tabelcel) mee te nemen:
Code:
td p { padding: 0px; margin: 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: 37106

Marge van <p> aanpassen

02 jan 2020 17:57
#4
Hoi Astrid & Romke,

Bedankt voor jullie aanwijzingen en tips. Zo leer ik weer wat meer. Handig, die hulpmiddelen!
Was een beetje huiverig om direct in mijn template.css te gaan sleutelen, maar op deze manier wordt het goed zichtbaar.
Overigens kan ik in de Template Creator gewoon wat CSS toevoegen. Ziet er nu prima uit!
Probleem dus opgelost!

groet, Marc
  • Tureluurtje
  • Tureluurtje's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Marge van <p> aanpassen

02 jan 2020 18:21
#5
Je had je topic afgesloten met de knop "Oplossing". Maar omdat de door jou geselecteerde post geen oplossing bevat, heb ik dit gecorrigeerd, zodat wel duidelijk is wat de oplossing is. Deze knop is namelijk alleen bedoeld om te gebruiken op een bericht waarin de oplossing staat beschreven.
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: 37106
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.881 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