Post by igvfer » Sat May 09, 2015 1:38 am

Ik gebruik opencart 2.0 voor mijn webshop met het default thema.
Op zich vind ik het niet slecht maar toch zou ik er iets meer kleur willen in krijgen.
Vooral wat betreft de buttons onderaan het produkt (Bestellen, wishlist enz.). Nu is dit een beetje eentonig grijs en ik zou dit ook willen veranderen in een zelfde tint blauw die anders gebruikt wordt. Maar ik vind nergens in de stylesheet waar ik de kleur kan aanpassen. Iemand enig idee?
Zie de afbeelding in bijlage met wat ik bedoel.

Attachments

voorbeeld.jpg

Ik heb rood omcirkelt wat ik bedoel. - voorbeeld.jpg (183.69 KiB) Viewed 911 times


New member

Posts

Joined
Fri Nov 14, 2014 4:20 am


Post by victorj » Sat May 09, 2015 4:11 am

stylesheet regel 615

.product-thumb .button-group button

back-ground color aanpassen naar eigen smaak

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Alle niet stekplichtige onderdelen zoals scharnieren, sloten, randverwarming en verlichting voor alle typen koelingen en vriezers.
https://koelcel-onderdelen.com

Koeltechnische deurrubbers eenvoudig online op maat bestellen.
Eigen productie en snelle levering.
https://123-deurrubbers.com


User avatar
Expert Member

Posts

Joined
Sat Jun 25, 2011 4:09 am
Location - Alkmaar Holland

Post by igvfer » Sat May 09, 2015 2:14 pm

Iedere keer over gekeken. Nog een vraagje. Ik zie daar staan background color en color voor wat dient het ene en voor wat het andere. Ik probeer wat inzicht te krijgen in css. Want blijkbaar is het toch daar niet. Ik heb beide kleuren veranderd en opgeslagen en vernieuw pagina gedaan en geen verandering. Het is toch de stylesheet die in de map catalog/view/ enzoverder staat? Ondertussen gevonden. Color staat voor de tekstkleur en back-ground voor de achtergrond. ;)
humb .button-group button {
width: 60%;
border: none;
display: inline-block;
float: left;
background-color: #eee;
color: #888;
line-height: 38px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
color: #444;
background-color: #ddd;
text-decoration: none;
cursor: pointer;

New member

Posts

Joined
Fri Nov 14, 2014 4:20 am

Who is online

Users browsing this forum: No registered users and 4 guests