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 Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

28 sep 2018 18:39
#1
Hoi,

Ik gebruik Joomla 3.8.12 met Purity III versie 1.2.3.
Op mijn website heb ik een aantal icoontjes die in de normale layout mooi presenteren. Op de smartphone worden deze afbeeldingen echter veel te groot weergegeven. Hoe kan ik dit aanpassen?

Het gaat om deze pagina:
sintpietersbuiten.be/activiteiten2/208-w...ezingsdebat-reacties

Bedankt voor de hulp!

Bart
Discussie gesloten.
  • bmassaer
  • bmassaer's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 21

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

29 sep 2018 09:41
#2
Op een smartphone worden alle afbeeldingen standaard schermbreed weergegeven. Je kunt dit eventueel oplossen door de afbeeldingen die klein weergegeven moeten worden een image class mee te geven (in mijn voorbeeld "klein") en dan dit toe te voegen aan je custom.css:
Code:
@media screen and (max-width: 992px) { .klein{ width: 40%!important; } }
Breedte kan je dan nog zelf aanpassen.
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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37136

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

29 sep 2018 23:10
#3
Dag Astrid,

Bedankt voor je antwoord! Ik begrijp het opzet. Alleen....

Ik gebruik in Purity III de "blog layout". Wanneer ik zoek in het bestandsbeheer, vind ik twee custom.css bestanden:
- in de directory "templates/purity_iii/custom.css"
- in de directory "/templates/purity_iii/css/custom.css"

Ik heb de regel onderaan allebei de bestanden toegevoegd. En dan bij img class="klein" - maar zonder succes. In de Joomla editor vind ik trouwens, met rechter muisknop op de afbeelding, bij "classes" de class "klein" evenmin terug.

Hoe moet ik verder?
Discussie gesloten.
  • bmassaer
  • bmassaer's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 21

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

30 sep 2018 09:10
#4
Er zit een fout in je custom.css (er staat een } teveel). Overigens moet je die in de map css aanpassen, waar die andere vandaan komt weet ik niet en die wordt volgens mij ook niet geladen. En je moet nog even !important toevoegen bij de width:
Code:
/*your custom code goes here*/ @media screen and (max-width: 600px) { .page-masthead .row-feature { height: 62px; } } @media screen and (max-width: 992px) { .klein{ width: 40% !important; } }
En je hebt nog niet bij alle afbeeldingen de class toegevoegd. Deze gaat in ieder geval goed als je het aangepast hebt:
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.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37136

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

30 sep 2018 11:33
#5
Bedankt...

Het werkt inderdaad in Firefox op de Nexus, maar niet in Google Chrome...??
Discussie gesloten.
  • bmassaer
  • bmassaer's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 21

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

30 sep 2018 11:35
#6
Ah sorry, na het wissen van de cache werkt het helemaal!

Dankjewel!!
Discussie gesloten.
  • bmassaer
  • bmassaer's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 21

Afbeeldingen in responsive Purity III passen zich niet aan naar grootte

01 okt 2018 07:59
#7
Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

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 ;)
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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37136
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 2.039 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