Post by original » Fri Oct 07, 2011 10:34 pm

I'm using opencart 1.5.1 and i'm wondering how can i change font color in my template to violet?

I want to change all the red text that appears in the template. See below (attachment)
bloody-black.jpg

bloody-black.jpg (231.92 KiB) Viewed 1648 times


Please help asap, anyone?

Thanks
Last edited by original on Mon Oct 10, 2011 7:36 pm, edited 1 time in total.

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by uksitebuilder » Sat Oct 08, 2011 1:09 am

a link to your site please ?

User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by original » Sat Oct 08, 2011 1:47 am

The image is just the example, because i cannot find the option to edit color in stylesheet.css


Anyone?
Last edited by original on Mon Oct 10, 2011 7:36 pm, edited 1 time in total.

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by uksitebuilder » Sat Oct 08, 2011 2:12 am

The easiest way to explain then is if you use FireFox - get the Firebug Extensions

Or if you use Google Chrome (right-click_ and choose Inspect Element

You can then select any element on the site and it will tell you which css style to edit

User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by original » Sat Oct 08, 2011 2:39 am

Yes i know that and i have already done that. But the problem is that there is no color number in the stylesheet when you actually edit. I use notepad ++ and adobe dreamweaver, and i opened the css file that firebug showed,where the values to change color should be. But my point here is that they are not in stylesheet.css file but you can just see them with firebug. Instead of values there is some html "a"value, which i dont understand in detail.

Help please?

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by uksitebuilder » Sat Oct 08, 2011 3:01 am

Firebug only shows you what exists in the CSS stylesheet, so if you see it in Firebug, it will defintely be in the stylesheet.

Taking the breadcrumbs for instance from the default OC demo site, they use the default a colour

Code: Select all

a, a:visited, a b {
    color: #38B0E3;
For price colour Firbug shows

Code: Select all

.product-info .price {
    border-bottom: 1px solid #E7E7E7;
    color: #333333;

User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by original » Mon Oct 10, 2011 2:32 pm

This is strange. Seems like there is another place where the color is defined since i don't see that color in my stylesheet file. The color should be orange #ff6600


But what i see in stilesheet is:

Code: Select all

a, a:visited, a b {
	color: #F60;
	text-decoration: underline;
	cursor: pointer;
I have also search for that color code in my stylesheet ctrl+f but i was unable to find it.

The first few line of my stylesheet look like this:

Code: Select all

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
h1, .welcome {
	color: #636E75;
	font: Verdana;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
a, a:visited, a b {
	color: #F60;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
select {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
label {
	cursor: pointer;
any ideas where this orange color is hidden?

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by uksitebuilder » Mon Oct 10, 2011 2:45 pm

#F60 is the same as #ff6600 just a shorthand way of typing the same

User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by original » Mon Oct 10, 2011 7:35 pm

This solved my problem!

Thanks! :)

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm
Who is online

Users browsing this forum: Google [Bot], Semrush [Bot] and 21 guests