[it5]

hi guys,
I have Ambition Pro theme, I”m trying to have to add radient background with blue fading into white diagonally? How can I do that? right now I have one color as the background. Is there away way to do it without coding?

[Theme Horse Support Team]

Hi it5,

Add below custom css code to add gradient background

#page {
	background: -webkit-linear-gradient(#06B8D7, #fff);
	background: -moz-linear-gradient(#06B8D7, #fff);
	background: -ms-linear-gradient(#06B8D7, #fff);
	background: -o-linear-gradient(#06B8D7, #fff);
	background: -webkit-gradient(#06B8D7, #fff);
	background: linear-gradient(#06B8D7, #fff);
}

Note: Change the above HEX color code #06B8D7 to your selected blue color.

Thank you!

[it5]

Thank you for your quick reply. Where would I put this code? in style.css? if yes, what section? would this overwrite any other background color?

Thank you!

[Theme Horse Support Team]

Hi it5,

No you should not keep it in style.css. While updating to new version all your customized css will be lost. So you have to add this css inside custom css section via dashboard -> appearance -> customize -> Ambition Theme Options -> Custom CSS

Thank you!

[it5]

THANK YOU VERY MUCH! I DID, I added it to the custom CSS section as you mentioned, but I’m still having trouble, so I see the Gradient background when I stretch the site up with my mouse, it seems that the front page is covering it? why is that? I have default template.

[Theme Horse Support Team]

We have updated the above css code. Please update it.

Thank you!

[it5]

Thank you very much. It worked!

[Theme Horse Support Team]

You welcome it5

Thank you!

[Author]

Posts