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! 4.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 opmaak tegel via css bestand

opmaak tegel via css bestand

11 dec 2023 00:07
#1
Mijn site natuurstichtingkadans is gemaakt met Joomla3 en moet dus omgebouwd worden voor Joomla4.
Voor de oude site gebruik ik een template dat ik ooit gemaakt heb met een cursus van Netspecialist. De fotoalbums zijn gemaakt met Sigplus, voor elk album een 'tegel' op een blogpagina. Voor de opmaak heb ik regels in een css bestand opgenomen met
Code:
.item{opmaak}
De Joomla4 versie staat voorlopig nsk-joomla4
Ik heb wat hulp nodig bij de opmaak van de tegel: ik krijg per album niet alle gegevens in de tegel. Ik heb dezelfde css opmaak gebruikt, maar
Code:
.item{opmaak}
werkt daar niet. Uit inspectie blijkt dat zo'n heel tegelblok als volgt wordt weergegeven:
Code:
<div class="com-content-category-blog_item blog-item" itemprop="blogPost"itemscope="" itemtype="htpps://schema.org?Blogposting"> ... </div>
Met
Code:
.com-content-category-blog_item{opmaak}
krijgt niet de hele tegel een opmaak zoals in mijn oude site.
Hoe los ik dit op?
Groeten van Loes
Joomla 4.4.9 of nieuwer NL en PHP 8
  • LoesW
  • LoesW's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 81

opmaak tegel via css bestand

11 dec 2023 04:08
#2
Volgens mij moet het met deze definitie wel lukken:
Code:
.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item { border: solid 1px #999; margin: 5px; margin-right: 5px; padding: 5px; border-radius: 5px; box-shadow: 2px 2px 2px #333; }
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: 3634

opmaak tegel via css bestand

12 dec 2023 21:30
#3
Geweldig Romke! Zo zien de tegels er uit zoals de bedoeling is. Reuze bedankt.
Nu nog uitvogelen waarom de pagina er met Joomla 4 in verschillende browsers verschillend uit ziet.
In Firefox staan de tegels naast elkaar en netjes op volgorde.
In Chrome en Edge staan ze in rare groepjes.
In Joomla 3 was dit geen probleem.
Groeten van Loes
Joomla 4.4.9 of nieuwer NL en PHP 8
  • LoesW
  • LoesW's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 81

opmaak tegel via css bestand

12 dec 2023 21:37
#4
Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

Maak eventueel voor je vraag over de opmaak in verschillende browsers eventueel een nieuw topic. Zo houden we het forum overzichtelijk.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "Oplossing" knop te klikken.
Kijk ook hier even voor een volgende keer ;)
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: 3634
Tijd voor maken pagina: 0.607 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