Joomla Templates Club 406,261 posts

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#165642

Hello,

Can somebody tell me where to change the background colors of my zeolite II template.

I am using the Ultimate CSS Gradient Generator and i want this code to be my background color.

Is this possible and where do i change it. If not possible how do i change the grey background in some thing with a little color:

background: rgb(228,245,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e4f5fc’, endColorstr=’#2ab0ed’,GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#398401

/templates/ja_zeolite_ii/css/template.css

Find the below code and replace the color Code “#F0F0F0” with your Color Code.


body#bd {
background: #F0F0F0;
color: #666666;
margin: 0;
padding: 0;

}


Note: If you Find my Post useful please click on the Thanks Icon

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#398430

Ok i found that out but the thing is, is it possible the make the background go from lite to darker with a Gradient tool like Ultimate CSS Gradient Generator.

I made to code with that tool but when i try to paste it its not working…i probably doing it wrong because i never work with a gradient tool before.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#398448

Some browsers does not support CCS3 level of Code. Better use an Image Instead of this gradient background css code.

1 user says Thank You to chavan for this useful post

1. ftwent

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#398455

Ok thats al i want to know thx

[Author]

Posts