Post by lance » Sun Nov 23, 2008 1:37 pm

Hello everyone. I am trying to find out how to remove the underline that appears on my product listings. I'd like to use a different a:hover font color on product listings instead. I just feel that font color changes upon a:hover look cleaner. However, it seems that the underline value is not present in any of the .css files. Anyone know where to look?

Newbie

Posts

Joined
Sun Nov 23, 2008 1:26 pm

Post by fido-x » Sun Nov 23, 2008 1:44 pm

Have a look in "catalog/template/default/css/default.css". Line 17 (or thereabouts) sets the default behaviour and colour for the anchor and line 40 sets the default hover state.

Image
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool

If you're not living on the edge ... you're taking up too much space!


User avatar
Expert Member

Posts

Joined
Sat Jun 28, 2008 1:09 am
Location - Tasmania, Australia

Post by lance » Sun Nov 23, 2008 2:19 pm

That was easy enough. How about changing the font color on those prices?

Newbie

Posts

Joined
Sun Nov 23, 2008 1:26 pm

Post by fido-x » Sun Nov 23, 2008 2:33 pm

Same file, around line 220, you should find a section that looks like -

Code: Select all

.products, .images, .categories {
	float: left;
	width: 33.3%; 
	text-align: center; 
	cursor: pointer;
	font-size: 10px; 
	height: 140px;
}
Just add -

Code: Select all

color: #FF0000;
somewhere in the block. The example given will show red. For a different colour, use a different hex value.

Image
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool

If you're not living on the edge ... you're taking up too much space!


User avatar
Expert Member

Posts

Joined
Sat Jun 28, 2008 1:09 am
Location - Tasmania, Australia

Post by jty » Sun Nov 23, 2008 9:37 pm

Install Firebug or Firefox Developers tools to help you work out where and what CSS is doing what
You really need it if you want to start changing CSS or you'll be in here forever asking where what style is

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by sroblesruiz » Tue Nov 25, 2008 7:44 am

Hi,

Also, there is Web Developer Toolbar (Extension for Firefox):

https://addons.mozilla.org/en-US/firefox/addon/60

Under CSS -> View Style Information ...

Sergio

New member

Posts

Joined
Wed Nov 05, 2008 9:56 am

Post by Qphoria » Tue Nov 25, 2008 9:57 am

sroblesruiz wrote: Hi,

Also, there is Web Developer Toolbar (Extension for Firefox):

https://addons.mozilla.org/en-US/firefox/addon/60

Under CSS -> View Style Information ...

Sergio
jty wrote: or Firefox Developers tools
That's what he meant :) But he's a weird aussie and they name things different down there

Image


User avatar
Administrator

Posts

Joined
Tue Jul 22, 2008 3:02 am
Who is online

Users browsing this forum: No registered users and 3 guests