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 Rand rond invulvelden form (J3.3.6)

Rand rond invulvelden form (J3.3.6)

27 jan 2015 15:10 - 27 jan 2015 15:10
#1
Ik heb een formulier gemaakt met Chronoforms 4, werkt perfect, maar in mijn template zijn de lijnen rond de velden lichtgeel, en de achtergrond wit. Kan iemand mij aangeven waar ik de kleur van de lijnen kan wijzigen?
  • Huubske
  • Huubske's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 24

Rand rond invulvelden form (J3.3.6)

27 jan 2015 15:13 - 27 jan 2015 15:13
#2
Hallo,

Heb je een link naar de site? Zodat de leden kunnen meekijken voor een oplossing.

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
Groeten, Jelle
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.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13625

Rand rond invulvelden form (J3.3.6)

27 jan 2015 15:23
#3
Dit is de link naar het formulier: computerservice.hetkleineuiltje.nl/contactform?view=form

Ik zal eens kijken naar de tool, maar werk zelf met Chrome.
Gemarkeerd als webneus door: Astrid
  • Huubske
  • Huubske's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 24

Rand rond invulvelden form (J3.3.6)

27 jan 2015 16:12 - 27 jan 2015 16:13
#4
In Chrome kan het ook, alleen dan met F12 "onder water" zoeken naar het element en kijken wat er gebeurt als je zaken aanpast.

Bijgaand (volgens mij) de juiste code:
Code:
input[type="url"], textarea { background: #F9FAFB; border: 1px solid rgba(239, 158, 52, 0.2); margin: 0 auto; }

Daarbij "background" en "border" aanpassen naar smaak en de code plaatsen in "custom.css" van de template.
  • David
  • David's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031

Rand rond invulvelden form (J3.3.6)

27 jan 2015 16:30
#5
Geprobeerd, maar helaas biedt dit niet de oplossing.... Maar waarom eigenlijk in custom.css?
  • Huubske
  • Huubske's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 24

Rand rond invulvelden form (J3.3.6)

27 jan 2015 16:56
#6
Waarschijnlijk zie je de veranderingen nog niet omdat er waarschijnlijk sprake is van caching. Browsercache al leeggemaakt? Cache Joomla! al opgeschoond?
Wat heb je in de css staan?

En waarom custom.css? Omdat je dan veel makkelijker kunt zien wat je precies gewijzigd hebt in plaats van dat je dat terug moet gaan zoeken in een css-bestand van enkele 1000-den regels.
  • David
  • David's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031

Rand rond invulvelden form (J3.3.6)

27 jan 2015 23:04
#7
Ik heb jouw css code even gecheckt in chrome en leek idd te kloppen en deze dus in de custom.css geplaatst. Cache leeg ik eigenlijk altijd bij een wijziging.
Zou het ergens anders kunnen zitten?
  • Huubske
  • Huubske's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 24

Rand rond invulvelden form (J3.3.6)

28 jan 2015 08:15
#8
Je custom.css wordt niet geladen, dus dan kan je daar wel van alles inzetten, maar dat gaat niet werken.
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: 37438

Rand rond invulvelden form (J3.3.6)

28 jan 2015 08:44
#9
Het lijkt een beetje op dit draadje.
Zou er een bug in 3.3.6 kunnen zitten?
  • David
  • David's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031

Rand rond invulvelden form (J3.3.6)

28 jan 2015 08:52
#10
CSS van een template heeft niets met core Joomla te maken en nee, er zit geen bug in 3.3.6 (tenminste niet wat dat betreft). Huubske werkt met een Artisteer template en daar zit standaard geen custom.css in. Dit soort zaken moet je daar dus of in template.css aanpassen, of een custom.css laten laden via index.php of de aanpassing eerst in Artisteer doen.
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: 37438

Rand rond invulvelden form (J3.3.6)

28 jan 2015 08:56
#11
Klopt, het is een Artisteer template. Dus om het in de template.css te wijzigen moet ik goed zoeken? Is het eenvoudig een custom.css via index.php te laden? Anders wijzig ik het wel via Artisteer.
  • Huubske
  • Huubske's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 24

Rand rond invulvelden form (J3.3.6)

28 jan 2015 08:59 - 28 jan 2015 09:16
#12
Beste Huubske,
Kijk hier even naar:

template.css regel 1212
Code:
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { background: none repeat scroll 0 0 #f9fafb; border: 1px solid rgba(239, 158, 52, 0.2);

succes,
Mvg,

Webzebra
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • samme
  • samme's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 111
Moderators: JelleRomke
Tijd voor maken pagina: 0.809 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