[Jonathan LParticipant]

Hi guys,

You helped me before with adding a gradient to my background.
My test site is here:http://jabbragency.net/ns/cameron

The code you gave me for the gradient was as follows:

body {
    background-image: -webkit-gradient(   linear,   left top,   left bottom,   color-stop(0, #636363),   color-stop(1, #CEEEEC)  );  background-image: -o-linear-gradient(bottom, #636363 0%, #CEEEEC 100%);  background-image: -moz-linear-gradient(bottom, #636363 0%, #CEEEEC 100%);  background-image: -webkit-linear-gradient(bottom, #636363 0%, #CEEEEC 100%);  background-image: -ms-linear-gradient(bottom, #636363 0%, #CEEEEC 100%);  background-image: linear-gradient(to bottom, #636363 0%, #CEEEEC 100%);
}

My client has asked me if there is a way to make the gradient more consistent throughout the pages? Obviously, when one page is longer than another the gradient stretches and looks different.My client wants it to look more like the home page and be as consistent the whole way through.

Thanks as always,

Jonathan

[Rue NelModerator]

Hello There,

Thank you for writing in!

Using the code above, you can replace the % to pixels. Feel free to play around so that you can adjust the correct number of pixels.

body {
    background-image: -webkit-gradient(   linear,   left top,   left bottom,   color-stop(0, #636363),   color-stop(1, #CEEEEC)  );  background-image: -o-linear-gradient(bottom, #636363 0, #CEEEEC 300px);  background-image: -moz-linear-gradient(bottom, #636363 0, #CEEEEC 300px);  background-image: -webkit-linear-gradient(bottom, #636363 0, #CEEEEC 300px);  background-image: -ms-linear-gradient(bottom, #636363 0, #CEEEEC 300px);  background-image: linear-gradient(to bottom, #636363 0, #CEEEEC 300px);
}

Let us know if this has been helpful to you.

[Jonathan LParticipant]

Thank you again!!
Have a great day!

[NicoModerator]

You’re most welcome.

Let us know if you need anything else.

Thanks. Have a great day! 🙂

[Author]

Posts