Page 1 of 1

Change hover colour on product titles in the feature boxes

Posted: Mon Jan 18, 2016 12:17 am
by Kaloda
Hi everyone - wondering if anyone can help me - I like the default theme so don't want to replace it with another. I have made alterations to the stylesheet to get it looking how I want it.

1 small thing I'd like to do - change the hover colour on product titles in the feature boxes (see http://www.kaloda.co.uk) - it's currently a dark blue. Also would like to change the same colour on the Add to Cart button when clicking on the product to another colour.

Inspected & looked at the bootstrap files but I am by no means even a beginner with this stuff, so would really appreciate a pointer to the right file(s).

Thanks in advance!

Re: Change hover colour on product titles in the feature box

Posted: Tue Jan 19, 2016 9:52 am
by IP_CAM
Bad start, this is the OC 1.5 Place, but you use an OC-2 :(
Ernie

Re: Change hover colour on product titles in the feature box

Posted: Wed Jan 27, 2016 11:19 pm
by vcabreu.py
Ello mate.
Bad start, this is the OC 1.5 Place, but you use an OC-2 :(
Ernie
yeh...


Now, lets do $this...
Follow this simple steps to find where to edit in your css:
1) Inspect the element that you want ->
1.jpg

Step 1 - 1.jpg (84.58 KiB) Viewed 1178 times


2) With the correct element selected, force it to hover ->
2.jpg

Step 2 - 2.jpg (204.07 KiB) Viewed 1178 times

3) Check on the styles below where you must make the changes, in your case, search for a:focus,a:hover{color:#23527c;text-decoration:underline} on your bootstrap.min.css (line 5), and change the hex for the color that you want ->
3.jpg

Step 3 - 3.jpg (183.7 KiB) Viewed 1178 times

PS:Seems it will change the color of all a:hover into your store, if you want change only this hover the editing should be into home.tpl too, adding a class to your link and them styling the class on your css in da way that you like

:joker: