The colors are controlled in the style sheet, but an easy solution is to browse Themes and pick a new one.
You can pay for themes if you want, but there's currently 214 free themes to choose from
http://www.opencart.com/index.php?route ... earch=free
You can pay for themes if you want, but there's currently 214 free themes to choose from
http://www.opencart.com/index.php?route ... earch=free
You can use this extension to modify style, colors, backgrounds, fonts of your theme: http://www.opencart.com/index.php?route ... n_id=20151Pipson wrote:Any ideas how i can change that blue bar? to something similiar used here like on the above of this page? black background and whitish/greying writing?
Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
I just noticed something weird......
I never messed with Themes until now, and none of those Themes available from OpenCart are compatible with OpenCart 2.0, so ignore my suggestion about trying any of those.
So for my Theme folder, I copied the "Default" Theme folder and placed it in the Theme folder with "Default" but named something else. Then as a test I set that as my new Theme in my Admin panel, and tried making small simple changes only to the color codes in the stylesheet.css file, but then I didn't notice any changes, so then I tried changing all color codes to "000000" for solid black, and still no change to any color in the shop. I tried deleting all browser cookies, closing all browser windows, but it still looks exactly the same as if it's not effected by the script change.
Why is this happening and what am I doing wrong? By changing all color codes to "000000" the page and menu bar should all be solid black, but the page is still white and the menu bar is still blue!
!?!?!?
I never messed with Themes until now, and none of those Themes available from OpenCart are compatible with OpenCart 2.0, so ignore my suggestion about trying any of those.
So for my Theme folder, I copied the "Default" Theme folder and placed it in the Theme folder with "Default" but named something else. Then as a test I set that as my new Theme in my Admin panel, and tried making small simple changes only to the color codes in the stylesheet.css file, but then I didn't notice any changes, so then I tried changing all color codes to "000000" for solid black, and still no change to any color in the shop. I tried deleting all browser cookies, closing all browser windows, but it still looks exactly the same as if it's not effected by the script change.
Why is this happening and what am I doing wrong? By changing all color codes to "000000" the page and menu bar should all be solid black, but the page is still white and the menu bar is still blue!
!?!?!?
I did more troubleshooting with this.....
Next I tried making a copy of the stylesheet.css for "default" Theme template, and changed all color codes there to "000000" for solid black. Saved it, then resaved it again in Admin > System > Settings > Template and still no change in the colors at all!
I did notice that when I had the name of the theme template changed, it disabled my added extensions!
?!?!?!
What's going on here?
Next I tried making a copy of the stylesheet.css for "default" Theme template, and changed all color codes there to "000000" for solid black. Saved it, then resaved it again in Admin > System > Settings > Template and still no change in the colors at all!
I did notice that when I had the name of the theme template changed, it disabled my added extensions!
?!?!?!
What's going on here?
Last edited by Selective555 on Sat Dec 20, 2014 10:18 am, edited 1 time in total.
I just deleted all browser cookies and closed all of my browsers, and it worked.... my default theme is now all black, except for a white background, I'll see about that in a minute.
So....... turns out that something is TEMPLATE BLOCKING our alternative templates!!!
Anyone care to enlighten us about what it is so we can smash the hell out of it and fix this problem?
So....... turns out that something is TEMPLATE BLOCKING our alternative templates!!!
Anyone care to enlighten us about what it is so we can smash the hell out of it and fix this problem?
I'm still looking for the script for the Blue Bar... and why only themes named "default" work and others don't!
but I did find this....
There is no set code for the background color, so
go to
then find this at the top of the page
and replace with this
Presto!!!
You now have a place to change the background color of your shop!
but I did find this....
There is no set code for the background color, so
go to
Code: Select all
/catalog/view/theme/default/stylesheet/stylesheet.cssCode: Select all
body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #666;
font-size: 12px;
line-height: 20px;
}Code: Select all
body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
background-color: #000000;
color: #666;
font-size: 12px;
line-height: 20px;
}You now have a place to change the background color of your shop!
Last edited by Selective555 on Sat Dec 20, 2014 10:18 am, edited 1 time in total.
BINGO
I found the BLUES.......
For some reason, you won't see these changes as you make them, just make these changes and after removing all browser cookies and closing all browser windows, you'll see the change as long as the template is titled "default".
I found the BLUES.......
Is the background Blue... for the barCode: Select all
229ac8
and it repeats all through the css file so they all need to be changed.
Is the light shade Blue... used during hoverCode: Select all
23a1d1
and also repeats all through the css file so they all need to be changed also.
Is the dark shade Blue... used during hoverCode: Select all
1f90bb
and also repeats all through the css file so they all need to be changed also.
Is the dark dark shade of blue... used as the bottom border of the blue barCode: Select all
145e7a
and also repeats all through the css file so they all need to be changed also.
For some reason, you won't see these changes as you make them, just make these changes and after removing all browser cookies and closing all browser windows, you'll see the change as long as the template is titled "default".
Last edited by Selective555 on Sat Dec 27, 2014 8:30 pm, edited 3 times in total.
Alright.... I know I did that right, but the bar is still Blue, and the colors I changed them to never showed.
Oddly, other colors I change do show a change right away, like the background color. So... there is a problem with the way the css script is being read or held in memory.
I declare this a WTF program error. Can anyone fix it?
The Blues are not changing, even after I cleared all browser cookies and closed all browser windows! WTF
Oddly, other colors I change do show a change right away, like the background color. So... there is a problem with the way the css script is being read or held in memory.
I declare this a WTF program error. Can anyone fix it?
The Blues are not changing, even after I cleared all browser cookies and closed all browser windows! WTF
It's not a bug, you must have forgotten to change the css paths on header.tpl
Opencart Developer - My Extension Showcase
Contact me at aeon.yoda@gmail.com
So if the theme is titled "default" then in this fileyodapt wrote:It's not a bug, you must have forgotten to change the css paths on header.tpl
Code: Select all
/catalog/view/theme/default/template/common/header.tplCode: Select all
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">Code: Select all
/catalog/view/theme/midnight/template/common/header.tplCode: Select all
<link href="catalog/view/theme/midnight/stylesheet/stylesheet.css" rel="stylesheet">Is this correct?
This would solve the problem with "default" being the only working theme name, but it still doesn't solve the problem why I changed the blue color to a red color and after clearing all browser cookies, closing all browser windows and after restarting my computer, all the blue colors are still blue and nothing is red, because I was using the theme titled "default" for this to make sure it wasn't a theme name problem.
The colors finally changed red for me.
For some odd unknown reason, they have to be done together, and I missed a few the first time.
StRaNgE
For some odd unknown reason, they have to be done together, and I missed a few the first time.
StRaNgE
If you go to any page other than the front page, all links will show a blue outline when being hovered.
I just went through all of the color codes on that stylesheet.css and could not find what was causing it. I'll try looking again later if no one else finds it before I do.
I just went through all of the color codes on that stylesheet.css and could not find what was causing it. I'll try looking again later if no one else finds it before I do.
You can try to add the below code at the end of the stylesheet.css file:Selective555 wrote:If you go to any page other than the front page, all links will show a blue outline when being hovered.
I just went through all of the color codes on that stylesheet.css and could not find what was causing it. I'll try looking again later if no one else finds it before I do.
Code: Select all
a:hover {
text-decoration: none;
}
Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
Hitting CTRL + F5 usually clears browser cache, works for me on Chrome.
Opencart Developer - My Extension Showcase
Contact me at aeon.yoda@gmail.com
That didn't work, but you were very close and had the right idea. It has to have the color added for it to work. So blue must have been the default for the code to be missing.opencarthow.com wrote:You can try to add the below code at the end of the stylesheet.css file:Selective555 wrote:If you go to any page other than the front page, all links will show a blue outline when being hovered.
I just went through all of the color codes on that stylesheet.css and could not find what was causing it. I'll try looking again later if no one else finds it before I do.Code: Select all
a:hover { text-decoration: none; }
Code: Select all
a:hover {
text-decoration: none;
color: #CC0000;
}I added CC0000 for bright red, so I could see if it worked.
However..... Buttons such as the "Continue", "Login" and "Submit" buttons, still highlight blue when hovered.
What code can I add to fix the "Continue", "Login" and "Submit" buttons?
Last edited by Selective555 on Sun Dec 21, 2014 6:59 am, edited 2 times in total.
Thanks, this works great!yodapt wrote:Hitting CTRL + F5 usually clears browser cache, works for me on Chrome.
I figured out finally how to get rid of the blue highlight around the buttons. Just make sure to add these border script lines to these sections in the stylesheet.css
You can add whatever colors you want to the borders, but without them or if marked as none, then the blue will show up!
The reason I had such a hard time figuring this one out, was because the hover script for the btn-default didn't exist in the stylesheet.css so I had to create it. I'm a little slow at learning how all this works, especially when things are missing or left out.
Code: Select all
.btn-default {
border-color: #555555 #555555 #555555 #555555;
}
.btn-default:hover {
border-color: #555555 #555555 #555555 #555555;
}The reason I had such a hard time figuring this one out, was because the hover script for the btn-default didn't exist in the stylesheet.css so I had to create it. I'm a little slow at learning how all this works, especially when things are missing or left out.
Selective555 wrote:Alright.... I know I did that right, but the bar is still Blue, and the colors I changed them to never showed.
Oddly, other colors I change do show a change right away, like the background color. So... there is a problem with the way the css script is being read or held in memory.
I declare this a WTF program error. Can anyone fix it?
The Blues are not changing, even after I cleared all browser cookies and closed all browser windows! WTF
Are trying to change the color of your submit and add to cart buttons and the 5 star rating images? I think that is what you are saying. Those are all graphics. You have to upload your own graphic to overwrite those.
That is how I did it with my buttons See www.holstershack.com
Can I see your site please? if I am correct on my assumption of what you are trying to do I will explain exactly how to change the buttons. I did not need to change my review stars but I am sure it is done the same way.
Fred
Who is online
Users browsing this forum: Amazon [Bot] and 61 guests
