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)
Please help asap, anyone?
Thanks
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
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
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?
Help please?
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
For price colour Firbug shows
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;
Code: Select all
.product-info .price {
border-bottom: 1px solid #E7E7E7;
color: #333333;
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:
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:
any ideas where this orange color is hidden?
But what i see in stilesheet is:
Code: Select all
a, a:visited, a b {
color: #F60;
text-decoration: underline;
cursor: pointer;
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;
Who is online
Users browsing this forum: Google [Bot], Semrush [Bot] and 21 guests