troubleshooting Question

CSS Gradient text

Avatar of rhandalthor
rhandalthorFlag for Russian Federation asked on
CSSWordPress
25 Comments1 Solution1169 ViewsLast Modified:
I have been working on adding a gradient background to a Wordpress linked h1 tag. It is the  top right title at http://lab.imagewize.net/wp/ stating Imagewize . I have followed the tutorial at http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ . But as my theme structure is different it doesn't work. I have been trying to work on the positioning (relative/absolute/floating) of the <span> and <h1> tag. No success yet. Please help me create a title with a gradient using a gradient png as a background and CSS.
h1 {
	font-size: 4em; /* 3.8 */
	line-height: 1.4em; /*0.9*/
	}	
	
#header h1 {
	display: block;
	width: 269px;
	height: 160px;
	float:right;
	margin: 0;	
	padding: 0;		
	}	
	
#header h1 span {position:absolute;
				 display:block; 
				 background: url(http://lab.imagewize.net/wp/wp-content/themes/doede.net/images/gradient-white.png) repeat-x;
				 height:180px;
				 }
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 25 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 25 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros