Post by steveharman » Tue Apr 24, 2012 10:44 pm

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

Active Member

Posts

Joined
Mon Mar 12, 2012 6:36 pm

Post by Jalees Waqar » Tue Apr 24, 2012 11:38 pm

I am Also Searching for the Same Query Lets See if anyone Reply !

Newbie

Posts

Joined
Wed Apr 18, 2012 10:52 pm

Post by mcamca » Fri Apr 27, 2012 8:54 pm

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!

Active Member

Posts

Joined
Fri Aug 06, 2010 5:57 pm

Post by aodhan » Thu May 03, 2012 12:57 am

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.

Newbie

Posts

Joined
Thu May 03, 2012 12:42 am

Post by mcamca » Thu May 10, 2012 8:33 pm

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.
Sorry had a lot of orders appear and had to finish the above fast!
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!

Active Member

Posts

Joined
Fri Aug 06, 2010 5:57 pm

Post by Stum2015 » Fri Jan 23, 2015 10:21 pm

Hello,

I must be doing something seriously wrong.

I cannot change the colour (color ;D ) 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

Newbie

Posts

Joined
Fri Jan 23, 2015 10:17 pm

Post by Stum2015 » Sun Feb 01, 2015 2:05 am

Hello,

Can someone help me on this?

Thank you

Stuart

Newbie

Posts

Joined
Fri Jan 23, 2015 10:17 pm

Post by fido-x » Sun Feb 01, 2015 11:55 am

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:

Code: Select all

a, a:visited, a b {
	color: #38B0E3;
	text-decoration: underline;
	cursor: pointer;
}
and change the "color" attribute. As stated above, it is preferable to do this to your own theme rather than the default.

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 darren@nhb.org » Tue Apr 04, 2017 5:01 am

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


Posts

Joined
Tue Dec 15, 2015 1:58 am
Who is online

Users browsing this forum: No registered users and 34 guests