Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- 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
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
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 24
-
Rand rond invulvelden form (J3.3.6)
27 jan 2015 15:13 - 27 jan 2015 15:13
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).
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
- Algemeen Moderator
- Berichten: 13625
Rand rond invulvelden form (J3.3.6)
27 jan 2015 15:23
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.
Ik zal eens kijken naar de tool, maar werk zelf met Chrome.
Gemarkeerd als webneus door: Astrid
- Huubske
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 24
-
Rand rond invulvelden form (J3.3.6)
27 jan 2015 16:12 - 27 jan 2015 16:13
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:
Daarbij "background" en "border" aanpassen naar smaak en de code plaatsen in "custom.css" van de template.
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
- Vaste bezoeker van Joomla!NL
- Berichten: 1031
- Webneus 2
Rand rond invulvelden form (J3.3.6)
27 jan 2015 16:30
Geprobeerd, maar helaas biedt dit niet de oplossing.... Maar waarom eigenlijk in custom.css?
- Huubske
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 24
-
Rand rond invulvelden form (J3.3.6)
27 jan 2015 16:56
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.
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
- Vaste bezoeker van Joomla!NL
- Berichten: 1031
- Webneus 2
Rand rond invulvelden form (J3.3.6)
27 jan 2015 23:04
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?
Zou het ergens anders kunnen zitten?
- Huubske
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 24
-
Rand rond invulvelden form (J3.3.6)
28 jan 2015 08:15
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
- Moderator + Technisch team
- Berichten: 37438
Rand rond invulvelden form (J3.3.6)
28 jan 2015 08:44
Het lijkt een beetje op
dit
draadje.
Zou er een bug in 3.3.6 kunnen zitten?
Zou er een bug in 3.3.6 kunnen zitten?
- David
- Vaste bezoeker van Joomla!NL
- Berichten: 1031
- Webneus 2
Rand rond invulvelden form (J3.3.6)
28 jan 2015 08:52
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
- Moderator + Technisch team
- Berichten: 37438
Rand rond invulvelden form (J3.3.6)
28 jan 2015 08:56
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
- Heeft onderwerp gestart
- Joomla!NL ontdekker
- Berichten: 24
-
Rand rond invulvelden form (J3.3.6)
28 jan 2015 08:59 - 28 jan 2015 09:16
Beste Huubske,
Kijk hier even naar:
template.css regel 1212
succes,
Mvg,
Webzebra
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
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
- Bekend met Joomla!NL
- Berichten: 111
-
Tijd voor maken pagina: 0.809 seconden