Skip to main content

Laatste nieuws

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
  • 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.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37554

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?
  • 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:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
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: 37554

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...??
  • 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!!
  • 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.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37554
Moderators: Jelle, Romke
Tijd voor maken pagina: 0.743 seconden
Gemaakt door Kunena

Laatste forumberichten

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