Post by Slayss » Mon Feb 16, 2015 4:14 am

Hello to all :)

I tried to change background colour of default OpenCart 2.0.1.1 theme in Stylesheet via cpanel, but without any result.

I downloaded and edited and again uploaded it but without any result.

Thanks,
Angel

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by viethemes » Mon Feb 16, 2015 6:58 pm

Did you try to clear cache of browser via pressing ctrl + f5?
Or you may like my own extension Live Theme Editor to customize theme completely.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by RoelSITB » Mon Feb 16, 2015 7:15 pm

You can try to delete it and upload it again. That works sometimes for me.

New member

Posts

Joined
Fri Jan 31, 2014 4:58 am

Post by Slayss » Mon Feb 16, 2015 10:14 pm

Hello,

Thanks for Your posts!

As You are suggest me, I tried to deleted file and uploaded it again, but without result also I tried to clean cache via ctr+f5 and direct via Chrome brawser, but unfortunately without result.

I've noticed the follow thing, the color of background in default theme is white, right? But in the code, the color is #666666 .

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by yodapt » Mon Feb 16, 2015 10:41 pm

Maybe you have a mod that is overriding the files you are changing, have you confirmed that?

Opencart Developer - My Extension Showcase
Contact me at aeon.yoda@gmail.com


User avatar
Active Member

Posts

Joined
Fri Jun 17, 2011 6:39 pm


Post by Slayss » Tue Feb 17, 2015 5:04 am

I don't know, what's that supposed to mean?

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by RoelSITB » Tue Feb 17, 2015 6:22 am

Can you post the code of the stylesheet where you edit this?

Thanks.

New member

Posts

Joined
Fri Jan 31, 2014 4:58 am

Post by Slayss » Tue Feb 17, 2015 7:00 am

Here You are,

html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #666666;
font-weight: 500;
line-height: 18px;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
.page-header {
vertical-align: middle;
margin: 15px 0;
padding: 0;
border-bottom: none;
}
.page-header h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 30px;
color: #848484;
display: inline-block;
margin-bottom: 15px;


I'm talking about #666666

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by viethemes » Tue Feb 17, 2015 9:59 am

Could you provide your site url, so we can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by tifannywatch » Tue Feb 17, 2015 3:53 pm

I have same feeling with yodapt, there might be other css rules which overridden your css rule, try to change your code with this :

Code: Select all

color: #666666 !important;
It would be better if you provide your website url so we can check more detail.

Jam Tangan Original | Jam Tangan Wanita


Newbie

Posts

Joined
Mon Oct 13, 2014 11:09 pm


Post by Slayss » Tue Feb 17, 2015 10:50 pm

Hello,

Here You are http://angelgruev.com/

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by viethemes » Tue Feb 17, 2015 11:34 pm

Slayss wrote:Hello,

Here You are http://angelgruev.com/
Hi,
If you want to change background color you should try this code:

Code: Select all

body {
background-color: red;
}
Note that change red color to which color you want.
The color #666666 in your stylesheet is color of texts not background color.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by Slayss » Wed Feb 18, 2015 1:03 am

Hello,

I changed it, but without result.

html, body {
background-colour: black;
}
height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #000000;
font-weight: 500;
line-height: 18px;
text-rendering: optimizeLegibility;

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by viethemes » Wed Feb 18, 2015 12:32 pm

Hi,
You have to use

Code: Select all

background-color
not

Code: Select all

background-colour

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by Slayss » Wed Feb 18, 2015 8:23 pm

Hi,

Slip of the pen :)

Here is:

html, body {
background-color: black;
}
height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #000000;
font-weight: 500;
line-height: 18px;
text-rendering: optimizeLegibility;


I tried to edited direct in cpanel, to deleted from cpanel and to edited in wordpad and to upload it again, but the background hasn't changed.

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by viethemes » Wed Feb 18, 2015 9:20 pm

Hi,
I don't see the change in stylesheet.css file. Did you modify this file: catalog/view/theme/default/stylesheet/stylesheet.css?
I see that you have modified the wrong file: admin/view/stylesheet/stylesheet.css. This stylesheet for the admin not the front-store.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by Slayss » Wed Feb 18, 2015 9:45 pm

Hi,

Thanks for Your correction, it's my wrong, I have edited the wrong file.

Here is copy direct from the file - public_html/catalog/view/theme/default/stylesheet/stylesheet.css

body {
background-color: black;
}
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #666;
font-size: 12px;
line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
color: #444;

http://angelgruev.com/

It can't effect the change, except If I misunderstand something.

P.S. After few refreshes... it works!

Thank you very much for Your help!

New member

Posts

Joined
Mon Feb 16, 2015 1:25 am

Post by viethemes » Fri Feb 20, 2015 5:19 pm

Slayss wrote:Hi,

Thanks for Your correction, it's my wrong, I have edited the wrong file.

Here is copy direct from the file - public_html/catalog/view/theme/default/stylesheet/stylesheet.css

body {
background-color: black;
}
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #666;
font-size: 12px;
line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
color: #444;

http://angelgruev.com/

It can't effect the change, except If I misunderstand something.

P.S. After few refreshes... it works!

Thank you very much for Your help!
Glad to hear that the problem is solved.
About CSS code, there is a wrong thing, it should be like below:

Code: Select all

body {
	background-color: black;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
}

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm

Who is online

Users browsing this forum: Semrush [Bot] and 40 guests