• 0
Sign in to follow this  
Followers 0

Gradient menu extended all the way through

Question

Posted · Report post

Would like to make my red menu bar be a gradient but also need the full width of it to be red gradient, not just the menu bar itself. And the hover needs to be in gradient as well. Also, I need to remove the white line below the menu bar. i found the gradient generator and have the red gradient colors but don't know what to do from here:

background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

I got the red to work with the code - just added to .css in settings. Is there a way to make the hover also into a gradient? Also, still struggling with the white line

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You'll need to apply the code from the gradient generator to the CSS in your site using Custom CSS in the Settings. For instructions on how to do that, please see this documentation on what CSS is for and how you can use it to get the menu to display the gradients: http://www.pagelines.com/wiki/Custom_CSS

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0