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.
Maak altijd een backup!

opgelost Kleur in .css veranderen

Kleur in .css veranderen

12 jun 2014 20:09 - 12 jun 2014 20:10
#1
Toch weer teruggekomen aangezien ik nu al 3/4 zoek en het voor jullie wellicht een 'eitje' is om op te lossen. Ik wilde kleuren veranderen maar kan de bijhorende .css niet vinden om dit te doen

Jelle.D heeft me eerder geholpen en verteld over de "Firebug-addon voor Firefox" maar ondanks deze geweldige addon krijg ik het niet gevonden. Of ik kijk verkeerd :(

1. Kader naar oranje, dit is enkel het kader (dunne grijze lijn) om het vakje.
2. De achtergrond veranderen naar donker grijs zoals in het logo. Makkelijkste is door de bestaande afbeelding te kleuren en te uploaden-overschrijven, maar wil het juist doen en leren.
3. het veranderen van de kleur van de 'Footer balk' naar oranje zoals in het menu




Ik ben me ervan bewust dat ik nu 3 vragen stel in 1 forum maar het heeft allen betrekking op de aanpassing van de .css dus hoop dat ze ook worden beantwoord binnen dit forum.

Wederom bedankt voor jullie tijd en aandacht!

Site: www.introfloorheating.nl

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 12 jun 2014 20:10 door KeesZeus2014.
Discussie gesloten.
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

Kleur in .css veranderen

12 jun 2014 21:01
#2
Kader naar oranje aanpassen:

Open /templates/jp-news/css/module.css (regel 22) en zoek de volgende code:
Code:
.moduletable { background-color: #FFFFFF; border: 1px solid #EDEDED; border-radius: 5px; font-size: 90%; margin-bottom: 30px; padding: 20px; }

verander hier de border kleur, bijvoorbeeld:
Code:
border: 1px solid orange;
Met vriendelijke groet,

Peter Reitsma
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2826

Kleur in .css veranderen

12 jun 2014 23:20
#3
Hier staat een handleiding voor Firebug.
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: 37151

Kleur in .css veranderen

14 jun 2014 13:37
#4
Hoi,

bedankt en heb via de Firebug Addon al het e.e.a. gewijzigd. Maar ben er nog niet zo heel bekend mee en zoek momenteel naar de kleur van de tekst in de footer.

De achtergrond kleur stond in blue.css en deze heb ik veranderd. Maar als ik zoek naar e tekstkleur welke momenteel wit is vind ik niets?




Hoe kan ik nu zien welke .css word gebruikt? Zoals het antwoord van Peter, stond de code van het kader in module.css. Als ik het vakje aanklik en inspecteer met Firebug dan zie ik de codering maar zie nergens dat deze in de module.css staat.

Ik kom op dit moment niet verder helaas.

Graag jullie hulp

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Discussie gesloten.
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

Kleur in .css veranderen

14 jun 2014 13:41 - 14 jun 2014 13:43
#5
In module.css
Code:
.jp-footer div.moduletable { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none !important; color: #FFFFFF; font-size: 90%; line-height: 1.4; margin: 0; padding: 0; }
Code:
.jp-footer div.moduletable a { color: #FFFFFF; line-height: 1.4; margin: 0; padding: 0; }
color: aanpassen.
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 14 jun 2014 13:43 door Jelle.
Discussie gesloten.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13597

Kleur in .css veranderen

14 jun 2014 14:10
#6
Hoi Jelle,

hoe heb je dit nu gevonden met firebug?
Hoe weet je dat hij verwijst naar die module, ik zie namelijk alleen maar wat ik eerst aangaf.

Doe ik iets fout?
Discussie gesloten.
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

Kleur in .css veranderen

14 jun 2014 14:14
#7
Ja dat heb ik gevonden via Firebug.
Dus ga je eens verdiepen in het CSS gebeuren in samenwerking met Firebug.
Het is mij te veel om een programma te gaan uitleggen hoe het werkt.
Je moet er zelf ook wat tijd aan besteden, wij zijn een forum en geen helpdesk om jou gehele template lay-out te gaan helpen bewerken. ;)
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.

Discussie gesloten.
  • Jelle
  • Jelle's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 13597

Kleur in .css veranderen

14 jun 2014 15:01
#8
Misschien dat je het zelf ook kunt vinden als je Firebug gebruikt. Je screenshot is niet van Firebug namelijk.
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: 37151

Kleur in .css veranderen

14 jun 2014 16:56 - 14 jun 2014 16:57
#9
@Astrid, Ik heb de instructies gevolgd van Peter m.b.t. Firebug + installatie. Ook zag ik jou instructie m.b.t. Firebug welke ik doorgenomen heb. Echter begreep ik niet waar men de .css modules uit kon opmaken (nog steeds niet eigenlijk, maar wil niemand tot last zijn). Zijn er meerdere versies van Firebug dan?

Zie screenprint hieronder.





@Jelle.D - Thanks voor je support! Ik ben .css aan het doornemen (leren) maar sommige zaken zijn gewoon sneller te vinden via dit forum dan het doornemen van documentatie. Ik snap dat ik niet de enige ben die zaken vraagt en jullie het enorm druk hebben. Ik waardeer jullie advies dan ook!

Ik kom op design gebied dan ook net pas kijken...0,0 ervaring, beetje HTML maar that's it.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 14 jun 2014 16:57 door KeesZeus2014. Reden: Verkeerde screenprint (bijlage)
Discussie gesloten.
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker

Kleur in .css veranderen

14 jun 2014 17:07 - 14 jun 2014 17:10
#10
de locatie van het css bestand vind je zo: screencast.com/t/Ib8m0WhnfMwl

Zolang het geen kwestie is van "luiheid", mag je hier al je vragen stellen hoor :P
Met vriendelijke groet,

Peter Reitsma
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 14 jun 2014 17:10 door Peter.
Discussie gesloten.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2826

Kleur in .css veranderen

14 jun 2014 17:09 - 14 jun 2014 17:13
#11
Nu zie ik wel een screenshot van Firebug.
Zo eenvoudig is het:


En hier kan je alles vinden m.b.t. css

maar sommige zaken zijn gewoon sneller te vinden via dit forum dan het doornemen van documentatie

Soms wel, maar dan blijf je vragen en leer je er niets van.
Edit Astrid: Tegelijk met Peter.
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.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 14 jun 2014 17:13 door Astrid.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37151

Kleur in .css veranderen

14 jun 2014 20:00
#12
Thanks allemaal!
Opgelost...
Discussie gesloten.
  • KeesZeus2014
  • KeesZeus2014's Profielfoto Heeft onderwerp gestart
  • Bezoeker
  • Bezoeker
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 2.428 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