Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Main Navigation Image Repeat

Question

Posted · Report post

I'm trying to get an image to repeat in the menu on a site I'm recreating.

The original site is here: http://146church.com/

The new site is here: http://dev.146church.com/

I have the vertial bar just not sure exactly how to work the code on this. I've managed some other tweaks using firebug but this one eludes me. I've done it before but that was on Platform Pro. This template is using the Framework. If its the same I think I'm good. If not I'm stuck.

Thanks,

Joel

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

Add the following to your custom CSS:


.main_nav ul {
background: url(http://146church.com/yui/build/assets/skins/sam/sprite.png) 0px 0px repeat-x;
}
.sf-menu li, #primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background-color: transparent;
}
[/CODE]

You may need to add further CSS, if so I recommend you install and use Firebug or Chrome Web Developer tool.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks - that worked!

All I need to do now is remove the hover effect - don't like how it changes to the active color when I'm on the page. Let me see if I can find that. I thought that was one of the customizations.

Share this post


Link to post
Share on other sites

Posted · Report post

Add this to your custom CSS:


.main-nav li:hover {
background-color: transparent;
}
.main-nav li a:hover {
background-color: transparent;
}
[/CODE]

The topic was marked as resolved.

Share this post


Link to post
Share on other sites