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 box verkleinen

box verkleinen

29 jul 2018 12:16 - 29 jul 2018 13:45
#1
Ik ben al enige tijd bezig geweest om een tekst box smaller te krijgen.
Maar tot op heden niet gelukt.
Heb een voorbeeld bijgevoegd.
www.travel-and-sleep.com/hotels-campings...g+Intra+Aanbiedingen

Het gaat om de box met de tekst : Klik hier voor meer informatie, vooral als je er op klikt krijg je een enorme brede box te zien.

Alvast dank.

Edit Jelle: Ik heb je berichten samengevoegd.
Laatst bewerkt 29 jul 2018 13:45 door Jelle.
  • Dragmen
  • Dragmen's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 121

box verkleinen

29 jul 2018 12:35
#2
Voeg in je user.css bij de regel datafeeds_more een regel toe met max-width: 60%. Het percentage kun je uiteraard zelf kiezen.
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: 3629

box verkleinen

29 jul 2018 12:44
#3
Bedankt Romke voor je reactie.
Bij de eerst box is het oke maar als je doorklikt blijft het hetzelfde.

Hier mijn css :
Code:
.datafeeds_more { border: 1px solid #52a452; margin:1px; padding:1px; border-radius: 100px; background: #00FFFF; max-width: 73%
  • Dragmen
  • Dragmen's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 121

box verkleinen

29 jul 2018 13:46
#4
Misschien even je browser cache opschonen.
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: 3629

box verkleinen

29 jul 2018 14:15
#5
Ik zou het zo oplossen:
Code:
max-width: 160px; text-align: center !important;

Deze invullen op de plek waar je nu max-width:73% hebst staan.

Eeen button mag best een vaste waarde in pixels hebben. In tweede instantie neemt hij namelijk 73% van de breedte van de div waarin hij staat er wordt hij derhalve te groot. Om de tekst mooi te centreren in de button is de text-align optie toegevoegd.

Succes,
Patrick
  • pjasmits
  • pjasmits's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 177

box verkleinen

29 jul 2018 23:49
#6
Patrick en de rest die gereageerd heeft, bedankt
  • Dragmen
  • Dragmen's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 121

box verkleinen

30 jul 2018 07:13
#7
Je had je topic afgesloten met de knop "Dit is de 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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37117
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.146 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