[SOLVED] Hoe verander ik de kleur van de linten (ribbons) zoals Sale! en Nieuw ?

[rvzoest]

Ondertussen begin ik aardig handigheid te krijgen in het aanpassen van Prestashop met name 1.6.

 

Kan iemand mij vertellen hoe ik de kleuren van de linten (zie plaatje) aan kan passen? Tevens de vraag hoe ik de Quick view (als je boven het artikel hangt krijg je een aantal opties QUICK VIEW / AAN WINKELWAGEN TOEVOEGEN / MEER. Ik wil dit weg hebben of aan kunnen passen, ook hiervan tevens de kleuren aanpassen.

 

Alvast bedankt maar weer!

Edited May 8, 2014 by rvzoest (see edit history)

[Wesleyva]

Ondertussen begin ik aardig handigheid te krijgen in het aanpassen van Prestashop met name 1.6.

 

Kan iemand mij vertellen hoe ik de kleuren van de linten (zie plaatje) aan kan passen? Tevens de vraag hoe ik de Quick view (als je boven het artikel hangt krijg je een aantal opties QUICK VIEW / AAN WINKELWAGEN TOEVOEGEN / MEER. Ik wil dit weg hebben of aan kunnen passen, ook hiervan tevens de kleuren aanpassen.

 

Alvast bedankt maar weer!

Als je heel simpel via je DOM-inspector in Firefox of in Google Chrome element inspecteren klikt zie je precies waar je dit in de css kan aanpassen. 

 

zoek op .new-label in global.css en kind kan de was doen.

[rvzoest]

Dank je wel voor het antwoord KoiXL!

 

Ik heb de CSS aangepast, toen zag ik dat de flapjes ook een aparte kleurvermelding hadden. Deze ook meteen aangepast.

 

Weet je waar ik de code kan vinden voor de algemene buttons zoals de cart (winkelwagen) en buttons in het bestelproces?

 

Nogmaals super bedankt!

[PascalVG]

Hoi rvzoest,

Wellicht zoek je deze hier:

in je themes/<eigen theme folder>/css/global.css (om en nabij regel 149):

 

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

position:relative;

display:inline-block;

padding:5px 7px;

border:1px solid #cc9900;

-moz-border-radius: 3px !important;

-webkit-border-radius: 3px !important;

border-radius: 3px !important;

font-weight:bold;

color:#000;

background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;

cursor: pointer;

}

 

eerste rode code is de border, de rand van de button.

De tweede rode code is een achtergrond plaatje dat ze gebruiken om de button op te vullen. Te vinden in:

themes/<eigen theme folder>/img/bg_bt.gif

 

 

Hoop dat dit je helpt,

pascal