Doorzoek het forum

Trefwoord

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

02 jan 2020 14:36 02 jan 2020 16:00 door Romke.
Heeft onderwerp gestart
opgelost Marge van <p> aanpassen #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.
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.
Tureluurtje
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 8
Meer
02 jan 2020 15:59 02 jan 2020 16:25 door Astrid.
opgelost Marge van <p> aanpassen #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 via dit Forum (niet per PM of E-mail)
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Romke
Algemeen Moderator
Algemeen Moderator
Berichten: 3354
Meer
02 jan 2020 16:28
opgelost Marge van <p> aanpassen #3
In dit soort gevallen is het handiger om ook de "parent" (op deze pagina de tabelcel) mee te nemen:
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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 33765
Meer
02 jan 2020 17:57
Heeft onderwerp gestart
opgelost Marge van <p> aanpassen #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
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 8
Meer
02 jan 2020 18:21
opgelost Marge van <p> aanpassen #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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 33765
Meer
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.260 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

Joomla!NL op Twitter

Vandaag is Joomla! 3.9.15 vrijgegeven. Deze versie pakt 3 kwetsbaarheden aan. Verder repareert deze update 20 bugs… https://t.co/BKT2Cybb8N

De naam Joomla!® en logo worden gebruikt onder een beperkte licentie met toestemming van Open Source Matters.
Joomlanl.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project.

© 2020 - Joomla!NL | Gehost door Wned