Post by Kaloda » Mon Jan 18, 2016 12:17 am

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!

Newbie

Posts

Joined
Mon Jan 18, 2016 12:12 am

Post by IP_CAM » Tue Jan 19, 2016 9:52 am

Bad start, this is the OC 1.5 Place, but you use an OC-2 :(
Ernie

I'm rarely active at the OC Forum lately. To reach me, contact: jti@jacob.ch
A Demoversion of my free OpenCart LIGHT v.1.5.6.5 Software Edition
can be seen in real Action here: http://www.jti.li/shop/
---
1'200+ FREE OC Extension-Repositories - from OC v.1.5.x up,
on the world's largest OC-related Github Site: https://github.com/IP-CAM
---
Image


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by vcabreu.py » Wed Jan 27, 2016 11:19 pm

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 1156 times


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

Step 2 - 2.jpg (204.07 KiB) Viewed 1156 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 1156 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:

User avatar
Newbie

Posts

Joined
Thu Jan 14, 2016 12:30 am
Location - Americana | São Paulo | Brazil
Who is online

Users browsing this forum: No registered users and 8 guests