Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- 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
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.
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.
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;
}
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
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 8
Marge van <p> aanpassen
02 jan 2020 15:59 - 02 jan 2020 16:25
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).
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. |
- Romke
- Algemeen Moderator
- Berichten: 3647
Marge van <p> aanpassen
02 jan 2020 16:28
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
- Moderator + Technisch team
- Berichten: 37556
Marge van <p> aanpassen
02 jan 2020 17:57
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
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
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 8
Marge van <p> aanpassen
02 jan 2020 18:21
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
- Moderator + Technisch team
- Berichten: 37556
Tijd voor maken pagina: 0.675 seconden