Zet de naam van de webshopextensie in de titel en vermeld verder in iedere vraag:

De exacte versie van Joomla! die je gebruikt
De exacte versie van de webshopextensie.
De volledige url van je website (indien mogelijk).

opgelost Kleur in template veranderen

Kleur in template veranderen

01 okt 2013 19:42

Hallo,

www.drukwerken.nl/posters/a0-posters.html
Het blokje naast bestellen wil ik van kleur veranderen.
Waarschijnlijk moet ik dit in template.css doen.
Helaas kan ik in dat bestand niets vinden om de kleur aan te passen.

Hoe kan ik er vlug achter komen welke ik moet aanpassen?

Groetjes

naus
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 41

Kleur in template veranderen

01 okt 2013 19:47

Hallo,

In /templates/printmart/css/template.css

Code:

}
.productdetails-view .product-right-col.floatright .spacer-buy-area .addtocart-area form .addtocart-bar span.quantity-box input {
    background: none repeat scroll 0 0 #0468B8;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin-top: 2px;
    padding: 5px 12px;
}

De kleur #0468b8 veranderen.

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

Kleur in template veranderen

01 okt 2013 19:49 - 01 okt 2013 19:53

Beste Naus,
Wel een gedurfde vraag! Je geeft het antwoord namelijk zelf al

Het staat in het bestand template.css en wel op regel 1:

Code:

.productdetails-view .product-right-col.floatright .spacer-buy-area .addtocart-area form .addtocart-bar span.quantity-box input {
    background: none repeat scroll 0 0 #0468B8;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin-top: 2px;
    padding: 5px 12px;
}

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).

Edit WoodyF4u: Bijna gelijk met Jelle.

Aanvulling:

Let op: Je site draait nog op Joomla! 2.5.8.
Zorg ervoor dat je met zowel Joomla! als de geïnstalleerde extensies altijd de meest actuele versie draait.
Zo blijft je site veilig tegen hackers.

Met vriendelijke groet,
Wouter Compactweb.nl

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.

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