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?
Laatst bewerkt 27 jan 2015 15:10 door Huubske. Reden: versie aangegeven
Discussie gesloten.
  • 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.

Laatst bewerkt 27 jan 2015 15:13 door Jelle.
Discussie gesloten.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13591

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
Discussie gesloten.
  • 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.
Laatst bewerkt 27 jan 2015 16:13 door David. Reden: * vergeten custom.css te noemen.
Discussie gesloten.
  • 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?
Discussie gesloten.
  • 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.
Discussie gesloten.
  • 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?
Discussie gesloten.
  • 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.

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

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?
Discussie gesloten.
  • 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.

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

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.
Discussie gesloten.
  • 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.
Laatst bewerkt 28 jan 2015 09:16 door Astrid.
Discussie gesloten.
  • samme
  • samme's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 111
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.888 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