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 Horizontale lijn na 'lees meer' link

Horizontale lijn na 'lees meer' link

06 dec 2016 21:54
#1
Weet iemand hoe ik een horizontale lijn krijg na een intro artikel en na de 'lees meer link', zodat in blog weergave er een meer duidelijke scheiding is tussen de onderlinge intro's van de verschillende artikelen.
Voorbeeld url is
Code:
http://www.seniorenbelangen.net/ledenvoordeel

Ik kan uiteraard wel een lijn krijgen vóór de 'lees meer' link, maar erna staat wel beter.
Via Firebug al diverse codings geprobeerd, maar helaas zonder resultaat.
Groetjes en prettige dag,
Ed
  • kroonsbe
  • kroonsbe's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 355

Horizontale lijn na 'lees meer' link

06 dec 2016 22:17
#2
Weet niet zeker of het de juiste oplossing is, maar het werkt wel:
Code:
.leading-0, .leading-1, .leading-2{ margin-bottom: 10px; border-bottom: 1px solid;

Voor ieder leading artikel moet je dus bovenstaande code opnemen, waarbij je het getal dus ook iedere keer verhoog.
dus bij 10 introartikelen 0, 1 t/m 9 etc.
Nadeel is wel mocht je het aantal intro-artikelen verhogen, dan moet je ook zorgen dat je het custom.css daarop aanpast.
Met de marge kun je uiteraard ook nog even spelen, wat voor jouw de gewenste afstand is.
Plaats dit bij voorkeur in een custom.css.
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: 3647

Horizontale lijn na 'lees meer' link

06 dec 2016 23:05
#3
Romke,
Bedankt, ik ga wat proberen en als het te lastig wordt vergeet ik gewoon de horizontale lijn. Is geen halszaak.
Laat een dezer dagen weten of de aanpassing werkt.
Groetjes en prettige dag,
Ed
  • kroonsbe
  • kroonsbe's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 355

Horizontale lijn na 'lees meer' link

07 dec 2016 09:16
#4
Romke,
Je code werkt prima (maar dat wist je natuurlijk al).
Je hebt wel gelijk dat het een hels karwei is om per artikel deze code in een aparte custom.css te zetten.
Er wijzigen nogal wat artikelen. Ik heb het uitgeprobeerd op een testsite.
Het is inderdaad zo, dat het voor een paar artikelen echter prima werkt.
Bedankt.
Groetjes en prettige dag,
Ed
  • kroonsbe
  • kroonsbe's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 355

Horizontale lijn na 'lees meer' link

07 dec 2016 09:39
#5
Toch nog even openen: het is veel handiger om de lijn met css boven de titel te zetten. Hoef je maar twee regels toe te voegen:
Code:
.blog h2 { border-top: 1px solid; } .blog .leading-0 h2 { border-top: medium none; }
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: 37559

Horizontale lijn na 'lees meer' link

07 dec 2016 09:47
#6
Hoi Astrid,
Goede tip ( zoals gewoonlijk). Ga ik proberen.
Groetjes en prettige dag,
Ed
  • kroonsbe
  • kroonsbe's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 355

Horizontale lijn na 'lees meer' link

07 dec 2016 09:58
#7
Ik heb je code gewoon onderaan de template css toegevoegd en er komen onder alle artikelen in blog mode keurig horizontale scheidingsstrepen na de "lees meer" link. Ik pas het dus gewoon toe voor alle artikelen in blog mode.
Prima.
Groetjes en prettige dag,
Ed
  • kroonsbe
  • kroonsbe's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 355
Moderators: JelleRomke
Tijd voor maken pagina: 0.668 seconden
Gemaakt door Kunena

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