opgelost Wijzigen achtergond kleur template en menu.

Hallo allemaal,

Ik probeer sinds 2 weken een site te bouwen met Joomla 3.3 i.c.m. jsn_gruve_pro. Nu wil ik graag over de volledige breedte van het tekstvlak de kleur kunnen wijzigen. Ik probeer met firebug de juiste locatie van de kleur te vinden zodat ik dit kan aanpassen in de template, maar naar enkele dagen zoeken op het internet en met firebug ben ik nog niet verder. Ook wil ik graag de kleur van de menu balk wijzigen, deze locatie heb ik wel gevonden m.b.h. van Firebug alleen het vreemde is als ik de bestaande kleur code verwijder komt dus de achtergrond foto naar voren ( kleur verdwijnt) maar zodra ik een andere kleur ingeef b. (#FFFFFF) wordt deze als het ware overrulled door oranje want de menu balk wordt weer gewoon oranje. Ik heb ter verduidelijking 3 bijlagen bijgevoegd ter verduidelijking.

Ik dank een ieder die mij wil helpen alvast voor de moeite en hoor graag van jullie

De achtergrondkleur van dit menu wordt bepaald door een afbeelding. Vervang de afbeelding door of een afbeelding met andere kleur, of wijzig de regel naar alleen een kleurcode die je wenst (in muzieklessen-berkelland.nl/templates/jsn_gruve_pro/css/colors/orange.css, regel 12)

Hi Romke, dank voor je snelle reactie. De achter grond is een foto en als ik dus bij regel 12, de code voor oranje weg haal verschijnt hier dus inderdaad de foto, maar als ik de code wijzig in wit (#FFFFFF) wordt de menu balk weer oranje ondanks de gewijzigde kleurcodering. Zie foto 2 en 3. Heb je misschien ook een idee voor het aanpassen van de achtergrond van het tekst gedeelte.

Nogmaals dank en groet

Voorzover ik kan zien via firebug staat die achtergrondfoto in je index.php#2 (map images/bgmax/Home_achtergrond.jpg)

Ik weet niet of je de gratis of de betaalde versie van het Joomlashine-template hebt.
In de betaalde kun je verwijzen naar een eigen css-bestand.
Als je aanpassingen gaat doen kun je dat het beste daarin doen.
Maak daarvoor een bestand aan met de naam custom.css
Zet die naam in je template-instellingen.
Kopieer vervolgens elke regel css uit het template.css bestand naar dat nieuwe bestand.
Bij een update van je template worden zo de aanpassingen niet overschreven.

De achtergrondkleur van de pagina in het tekst gedeelte kunt je aanpassen door uit template.css regel 200 dit over te nemen en te kopiëren naar custom.css: Aangevuld met (kleur aanpassen in wat je zelf wil)
De oranje achtergrond van het menu kun je aanpassen door uit orange.css regel 12 over te nemen naar custom.css
Je kunt daarvoor een vaste kleur instellen door er dit van te maken;
Als je een verloop in de achtergrond wil behouden, moet je zelf een afbeelding met gradient-verloop maken en die in de plaats van de oorspronkelijke afbeelding zetten.


Let op:
Dit keer behandelen we twee onderwerpen in 1 topic.
Dat is verder niet volgens de forumregels. Het forum wordt zo onoverzichtelijk.
Dus volgende keer graag 1 vraag per topic.

Ik dank jullie voor je snelle antwoord. Ik ga hier morgen of overmorgen mee aan het werk, Het klinkt misschien eenvoudiger dan het is, maar er kan niet veel fout gaan. Excuses dat ik 2 vragen in 1 heb gesteld. Ik ging ervan uit kleur wijziging is 1 item, misschien bekrompen gedacht, maar helaas. Kan het niet terugdraaien.

Nogmaals dank jullie horen hoe het afloopt.

Hallo Wouter,

Ik ben nu bezig met een poging om de achtergrond en de menu kleur aan te passen, nu schrijf jij in je antwoord:

De oranje achtergrond van het menu kun je aanpassen door uit orange.css regel 12 over te nemen naar custom.css

Moet ik deze dan ergens invoegen of helemaal onder aan plakken.

Ik dank weer voor de moeite
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Zoals ik al schreef, weet ik niet of je met een gratis of betaalde versie van het template werkt.
Maar als je in de instellingen een custom.css kunt instellen, dan moet je vervolgens een leeg bestand aanmaken met die naam en dat plaatsen in de css-map van het template.
De code die ik je voorstelde plak je dan dus in dat lege document.
Het template kijkt altijd eerst of er code in dat bestand staat en zal die dan gebruiken ipv de originele code van het template.css bestand.

Sorry ik kom niet uit het verhaal uit. Ik maak gebruik van JSN-gruve_pro. ik heb een nieuw css.file gemaakt, maar deze wordt iedere keer buiten de css map geplaatst. ( Hij moet toch in de css map geplaatst worden? ) Verder kan ik verkeerde css.bestanden weggooien, maar ik kan de naam van het weggegooide bestand niet meer gebruiken omdat deze volgens een melding al in gebruik is ( kan ik de foutieve bestanden ergens volledig verwijderen zodat dezelfde naam nog een keer gebruikt kan worden? Ik maak een nieuw .css bestand door Extention> Template manager> JSN-gruve-pro(template)> map css. Dan New file> hier kopieer ik compleet template.css in> en pas de door jou aangegeven regels aan. Dan ga ik naar template manager> JSN-gruve-pro (Style)>SEO & system om hier de nieuwe css file in te geven en te saven. Helaas wijzigd er niets op deze manier. Wat doe ik hier fout?

Het aanmaken van het bestand custom.css zou ik doen met Notepad++ en het vervolgens met een FTP-programma in de map css zetten.
Daarna kun je het via Templatebeheer van Joomla! wel weer verder bewerken.

Voor zover ik het kan zien heb je gewoon een custom.css waar al 3 definities in staan. Dus gewoon die andere erbij zetten.

Dank weer voor jullie reactie. Ik heb

Geplaatst in de betreffende .css map. maar er gebeurd erg weinig, waar ga ik fout?