WordPress.com Forums » Topic: Changing navigation border colours on menu's for Inove theme http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme WordPress.com Forums » Topic: Changing navigation border colours on menu's for Inove theme en Thu, 20 Jun 2013 01:32:16 +0000 http://bbpress.org/?v=1.1-alpha-2539 thesacredpath on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603529 Fri, 13 May 2011 07:37:39 +0000 thesacredpath 603529@http://en.forums.wordpress.com/ BTW, you have some funny stuff there. I'm reading some of it now.

]]> thesacredpath on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603528 Fri, 13 May 2011 07:36:53 +0000 thesacredpath 603528@http://en.forums.wordpress.com/ You are welcome.

]]> serioussatire on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603524 Fri, 13 May 2011 07:31:05 +0000 serioussatire 603524@http://en.forums.wordpress.com/ Life-saver! You are the best.

The Daily Segway is indebted you.

]]> thesacredpath on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603515 Fri, 13 May 2011 07:11:20 +0000 thesacredpath 603515@http://en.forums.wordpress.com/ It is here, and it is an image sprite (a number of images in a single image).

#menus li a {
background: url("img/menu.gif") no-repeat scroll 0 0 transparent;
}

And here is the image.

http://s2.wp.com/wp-content/themes/pub/inove/img/menu.gif

What happens in iNove is that the top image in the image sprite is displayed when the tab is not the current page tab and a mouse is not hovering over it.

The second image down in the image sprite is then shown when the tab is in hover or current page state by setting a background position on hover/current of -31px as shown below.

#menus li a:hover, #menus li a.current {
    background-position: 0 -31px;
}
]]> serioussatire on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603510 Fri, 13 May 2011 06:56:25 +0000 serioussatire 603510@http://en.forums.wordpress.com/ Sorry but one last thing I wanted to ask.

On a previous post on another thread you addressed how to change the menu.gif using an image that can be created on a picture editing software.

http://en.forums.wordpress.com/topic/change-menu-colors-of-inove-1?replies=7#post-513678

As I was trying to do this I could not find where in the CSS code this image is referenced. Can you identify this for me?

Thanks so much.

]]> thesacredpath on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603508 Fri, 13 May 2011 06:50:38 +0000 thesacredpath 603508@http://en.forums.wordpress.com/ @serious, you are welcome and thank you and I will stop by.

]]> serioussatire on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603506 Fri, 13 May 2011 06:48:09 +0000 serioussatire 603506@http://en.forums.wordpress.com/ Thank you so much "thesacredpath". You really helped us out. Nice to know there are helpful people like you out there.

and if you enjoy humour and satire remember to come by the blog and check us out.

Thanks again.

]]> thesacredpath on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603090 Thu, 12 May 2011 18:20:36 +0000 thesacredpath 603090@http://en.forums.wordpress.com/ Linking the header image is involved. You have to make a transparent PNG image the exact size of the header image and insert and link it to your main site page in a text widget. You have to then size that specific widget by ID# to the exact dimensions of the header image and the transparent PNG. You then have to set #container to position:relative; then you have to set the text widget to position:absolute; and use top and left declarations to move it up and over the header image.

]]> thesacredpath on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-603086 Thu, 12 May 2011 18:17:04 +0000 thesacredpath 603086@http://en.forums.wordpress.com/ The border declarations are here.

#header {
border-bottom: 1px solid #A6A6A6;
    height: 90px;
}

#navigation {
border-bottom: 1px solid #A6A6A6;
}
]]> serioussatire on "Changing navigation border colours on menu's for Inove theme" http://en.forums.wordpress.com/topic/changing-navigation-border-colours-on-menus-for-inove-theme#post-602809 Thu, 12 May 2011 08:41:49 +0000 serioussatire 602809@http://en.forums.wordpress.com/ Hi,

I was recently trying to change the border colours on the main menus on the Inove theme. To make it clearer I was hoping to change the grey line immediately below my banner.

The colours of the borders are grey at the moment and I wanted to either remove them or make them white.

I have the CSS upgrade so I'm just looking for any coding pointers.

Here is the link to my blog:
http://www.thedailysegway.wordpress.com

Any help would be thoroughly appreciated.

P.S. I have also been wondering for quite a while if it is possible to hyperlink my banner image to the home page of my blog. Please advise.

]]>