• Page 1 of 3
  • 1
  • 2
  • 3
  • »
Forum moderator: bigblog  
uCoz Community » For Webmasters » Design Customization » CSS (Color changing in design 1322)
CSS
Auditor
Posts: 19
Reputation: 0

Message # 1 | 9:43 PM
How can I change the green into other color in this picture?
Attachments: 5398674.png (117.7 Kb)

Auditor, the head of A.A.P. and innormality.
Korijs
Posts: 267
Reputation: 5

Message # 2 | 10:27 PM
U could show us your images slider design code .. smile
Auditor
Posts: 19
Reputation: 0

Message # 3 | 6:51 AM
How?
Auditor, the head of A.A.P. and innormality.
Sunny
Posts: 9296
Reputation: 456

Message # 4 | 9:17 AM
Auditor, to change the color, go to Control Panel -> Design Customization -> Style Sheet (CSS), find the following code (line 75)

Code
.caption {position:absolute; padding:0 0 20px; left:0; bottom:0; width:100%; background:rgba(26,188,156,.8); color:#fff;}


and here background:rgba(26,188,156,.8) replace rgba(26,188,156,.8) with a custom color code.

I'm not active on the forum anymore. Please contact other forum staff.
Auditor
Posts: 19
Reputation: 0

Message # 5 | 6:20 PM
Thanks!

And three more questions...

-how can I change the text on the slider of the homepage?
-how can I change the color of the footer into different color from background?
-how can I set a background image?

Auditor, the head of A.A.P. and innormality.
Sunny
Posts: 9296
Reputation: 456

Message # 6 | 9:59 AM
1. To edit the slider, go to Control Panel -> Design customization -> Global blocks -> PROMO.

2. In Control Panel -> Design Customization -> Style Sheet (CSS), the class you need is footer:

Code
#footer {padding:40px 0;}


Set a background color for it.

3. Control Panel -> Design Customization -> Style Sheet (CSS):

Code
body {background:#eceff3;margin:0;padding:0!important;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#5e6d81;}


Here background:#eceff3 replace #eceff3 with a custom color or an image.

I'm not active on the forum anymore. Please contact other forum staff.
Auditor
Posts: 19
Reputation: 0

Message # 7 | 8:11 PM
Which lines (#?) are they?

Added (2015-01-21, 5:13 PM)
---------------------------------------------
Hey wait a minute, where can I input the image url for the background?

Added (2015-01-21, 8:11 PM)
---------------------------------------------
And the footer just takes the color that the background has.


Auditor, the head of A.A.P. and innormality.
Sunny
Posts: 9296
Reputation: 456

Message # 8 | 8:27 AM
Quote Auditor ()
Which lines (#?) are they?


#footer - 222
body - 14

Use CTRL+F to find a word or a phrase on a page.

Quote Auditor ()
Hey wait a minute, where can I input the image url for the background?


Instead of
Code
background:#eceff3


use
Code
background-image: url("your_image.png")


Quote Auditor ()
And the footer just takes the color that the background has.


Yes, by default it does. That's why you need to set a separate color for the footer, e.g.

Code
#footer {padding:40px 0;background:#ff0000;}

I'm not active on the forum anymore. Please contact other forum staff.
Auditor
Posts: 19
Reputation: 0

Message # 9 | 1:48 PM
Thanks!

And 3 more questions...

-How can I set a logo?
-How can I set a favicon?
-How can I change the styple of the texts?

Auditor, the head of A.A.P. and innormality.
joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 10 | 4:32 PM
Quote Auditor ()
How can I set a logo?

Where do you want to put the logo?

Quote Auditor ()
How can I set a favicon?

Check out this tutorial.

Quote Auditor ()
How can I change the styple of the texts?

You can customize the appearance of body element texts at the 14th line.

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
Auditor
Posts: 19
Reputation: 0

Message # 11 | 5:01 PM
What tutorial?

Added (2015-01-22, 4:48 PM)
---------------------------------------------
I did, but that didn't work.

The background goes white and the footer remains the backgrounds color after changing it 100 times already.

Added (2015-01-22, 5:01 PM)
---------------------------------------------
And one more thing...

I need to have the background without tile and with fix.

How can I remove the tile and enable fix?


Auditor, the head of A.A.P. and innormality.
joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 12 | 6:17 PM
Quote Auditor ()
What tutorial?

Sorry. I forgot the link. http://forum.ucoz.com/forum/42-6836-1#33499

Quote Auditor ()
I did, but that didn't work.

The background goes white and the footer remains the backgrounds color after changing it 100 times already.

Added (2015-01-22, 5:01 PM)
---------------------------------------------
And one more thing...

I need to have the background without tile and with fix.

How can I remove the tile and enable fix?

Please, provide your website's URL address.

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
Auditor
Posts: 19
Reputation: 0

Message # 13 | 9:17 PM
http://theaap.ucoz.com

Added (2015-01-22, 6:42 PM)
---------------------------------------------
[url=http:theaap.ucoz.com//]

Added (2015-01-22, 9:17 PM)
---------------------------------------------
And can you please design my site for me?


Auditor, the head of A.A.P. and innormality.
Sunny
Posts: 9296
Reputation: 456

Message # 14 | 9:41 AM
Quote Auditor ()
I need to have the background without tile and with fix.


Code
background-repeat: no-repeat;
background-size: 100% 100%;


With this code your background will not be repeated and will fill 100% of the page, but with the current image it won't look very good.

Quote Auditor ()
I did, but that didn't work.

The background goes white and the footer remains the backgrounds color after changing it 100 times already.


I still don't see a separate color set for the footer:



Quote Auditor ()
And can you please design my site for me?


Unfortunately the uCoz staff do not provide such services. Maybe other Forum participants will be willing to help.

I'm not active on the forum anymore. Please contact other forum staff.
Auditor
Posts: 19
Reputation: 0

Message # 15 | 1:22 PM
The footer still remains without its color.
Auditor, the head of A.A.P. and innormality.
uCoz Community » For Webmasters » Design Customization » CSS (Color changing in design 1322)
  • Page 1 of 3
  • 1
  • 2
  • 3
  • »
Search: