Dear All,
After searching the forums and installing Web Developer Toolkit in Firefox, I thought I could answer my own question but alas I can't. ;-) Basically I'm using the default template and want to change all the instances of 'light blue' text to our corporate colour (a green). For example; 'Home, Wishlist, My Account' etc. at the top of the default home page, the category breadcrumbs when a product is displayed, value of art contents etc etc.
I'm sure all this can be found in stylesheet.css inside the theme's /stylesheet directory but I've spent ages trying various things without success.
Can anyone help please?
Many thanks,
Steve
FOLLOWING APPLIES TO OC Version 1.5.2.1
Dont alter the files in your default theme as any changes you make could be overwritten if you update your OC version.
You should first create a new theme which in your case we'll call "corporate".
To do this copy everything (including all folders and files within) in the folder:
catalog/view/theme/
and rename the first folder in the copy from:
default
to:
corporate
Now upload the folder "corporate" and its contents to your server into:
catalog/view/theme/
You will now have two themes, the original called "default" and another called "corporate".
In the file:
catalog/view/theme/corporate/stylesheet/stylesheet.css
Change all entries of:
#38B0E3
to:
#006600
This can be done easily at high speed using "Notepad".
To do this open the above stylesheet.css on your harddrive using Notepad.
Select:
Edit-->Replace
in "Find what:" enter:
#38B0E3
in "Replace with:" enter:
#006600
(or the colour you want)
Then click on "Replace All".
Allow time for the changes to occur and then save the file!
Upload and overwrite with the changed file:
catalog/view/theme/corporate/stylesheet/stylesheet.css
(in your "corporate" theme)
Go to your control panel: Admin-->System-->Settings-->Your Store-->Edit-->Store(Tab)-->Template
and select:
corporate
from the dropdown box. Then "Save".
Reload your store front.
If you've followed the above directions correctly then all of the blue font will have changed to a green.
If this green is not to your liking then repeat the Edit-->Replace with the colour you prefer!
Any further changes to the theme should be done in the corporate theme, not the default theme!
Good Luck!
Dont alter the files in your default theme as any changes you make could be overwritten if you update your OC version.
You should first create a new theme which in your case we'll call "corporate".
To do this copy everything (including all folders and files within) in the folder:
catalog/view/theme/
and rename the first folder in the copy from:
default
to:
corporate
Now upload the folder "corporate" and its contents to your server into:
catalog/view/theme/
You will now have two themes, the original called "default" and another called "corporate".
In the file:
catalog/view/theme/corporate/stylesheet/stylesheet.css
Change all entries of:
#38B0E3
to:
#006600
This can be done easily at high speed using "Notepad".
To do this open the above stylesheet.css on your harddrive using Notepad.
Select:
Edit-->Replace
in "Find what:" enter:
#38B0E3
in "Replace with:" enter:
#006600
(or the colour you want)
Then click on "Replace All".
Allow time for the changes to occur and then save the file!
Upload and overwrite with the changed file:
catalog/view/theme/corporate/stylesheet/stylesheet.css
(in your "corporate" theme)
Go to your control panel: Admin-->System-->Settings-->Your Store-->Edit-->Store(Tab)-->Template
and select:
corporate
from the dropdown box. Then "Save".
Reload your store front.
If you've followed the above directions correctly then all of the blue font will have changed to a green.
If this green is not to your liking then repeat the Edit-->Replace with the colour you prefer!
Any further changes to the theme should be done in the corporate theme, not the default theme!
Good Luck!
I've done this exactly as you say (1.5.2) and my new template appears under the store tab and I've selected it.
But when I go back and refresh my cart, nothing changes. I can see using firebug that the css file being used is still catalog/view/theme/default/stylesheet/stylesheet.css
I have noticed though that carousel.css and slideshow.css are from the new theme folder !
Any suggestions ?
Thanks for any help.
But when I go back and refresh my cart, nothing changes. I can see using firebug that the css file being used is still catalog/view/theme/default/stylesheet/stylesheet.css
I have noticed though that carousel.css and slideshow.css are from the new theme folder !
Any suggestions ?
Thanks for any help.
Sorry had a lot of orders appear and had to finish the above fast!aodhan wrote:I've done this exactly as you say (1.5.2) and my new template appears under the store tab and I've selected it.
But when I go back and refresh my cart, nothing changes. I can see using firebug that the css file being used is still catalog/view/theme/default/stylesheet/stylesheet.css
I have noticed though that carousel.css and slideshow.css are from the new theme folder !
Any suggestions ?
Thanks for any help.
FORGOT TO SAY THAT YOU ALSO NEED TO CHANGE header.tpl
In the file:
catalog/view/theme/corporate/template/common/header.tpl
IN YOUR CORPORATE THEME ONLY!
Change all entries of:
default
to:
corporate
To do this open the above header.tpl on your harddrive using Notepad.
Select:
Edit-->Replace
in "Find what:" enter:
default
in "Replace with:" enter:
corporate
Then click on "Replace All".
Allow time for the changes to occur and then save the file!
Upload and overwrite with the changed file:
catalog/view/theme/corporate/template/common/header.tpl
(in your "corporate" theme)
THIS SHOULD DO WHAT YOU WANT!
Hello,
I must be doing something seriously wrong.
I cannot change the colour (color ) at all. It remains blue. And I have changed everything that needs to be changed!
If I manage to change it I will let you know, but am I missing something following the above advice.
Stuart
I must be doing something seriously wrong.
I cannot change the colour (color ) at all. It remains blue. And I have changed everything that needs to be changed!
If I manage to change it I will let you know, but am I missing something following the above advice.
Stuart
Sounds like you want to change the colour of your anchor links.
In your stylesheet (catalog/view/theme/default/stylesheet/stylesheet.css), you'll find the following at lines 35 to 39:
and change the "color" attribute. As stated above, it is preferable to do this to your own theme rather than the default.
In your stylesheet (catalog/view/theme/default/stylesheet/stylesheet.css), you'll find the following at lines 35 to 39:
Code: Select all
a, a:visited, a b {
color: #38B0E3;
text-decoration: underline;
cursor: pointer;
}
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!
I did a find for "38B0E3" cannot see it anywhere on the stylesheet. I am trying to change the color when you hover over the product name, not the visited link color. 38B0E3 is the light blue. I am tring to change the dark blue.
Thanks Darren
Thanks Darren
Who is online
Users browsing this forum: No registered users and 57 guests