Design and CSS styles
Version 5.x > Design and CSS styles > Trying to edit Superfish nav menu View modes: 
User avatar
Member
Member
kyleg-directec - 5/24/2011 11:11:01 AM
   
Trying to edit Superfish nav menu
I am trying to change my nav menu by editing what the links says. For instance change "Our product lines", to "Product Lines". I cant seem to find where the code for this is. Below is the code Firefox web developer gave me. This seems like an extremely simple task that I for some reason just cant figure out. Any help would be great!

<ul class="sf-menu" id="CMSListMenu1">
<li><a href="/Products---Solutions.aspx" >Products</a>
<ul>
<li><a href="/Products---Solutions/Products---Solutions.aspx" >Products</a></li>
<li><a href="/Products---Solutions/Our-Products.aspx" >Our Product Lines</a></li>

<li><a href="/Products---Solutions/Contact-Us.aspx" >Contact Us</a></li>
<li><a href="/Products---Solutions/Product-Watch.aspx" >Product Watch</a></li>
<li><a href="/Products---Solutions/Financing.aspx" >Financing</a></li>
</ul>
</li>
<li><a href="/About-Us.aspx" >About Us</a>
<ul>

i

User avatar
Member
Member
kyleg-directec - 5/24/2011 1:50:53 PM
   
RE:Trying to edit Superfish nav menu
I think perhaps I am wanting to edit the rendered HTML code?

User avatar
Kentico Consulting
Kentico Consulting
kentico_borisp - 5/25/2011 2:55:48 AM
   
RE:Trying to edit Superfish nav menu
Hello,

If this is a standard Kentico web part then the labels are taken directly from the document definition. Every menu item has a label, which can be edited in CMS Desk / Content / <your document> / Form / Document name. Could you please try to change the labels of the mentioned documents (e.g. Products---Solutions/Our-Products) to see, if the output changes?

Best regards,
Boris Pocatko

User avatar
Member
Member
kyleg-directec - 5/25/2011 7:42:59 AM
   
RE:Trying to edit Superfish nav menu
Thanks Boris, that is basically what I was looking to do! One other question, would it be possible to have an image instead of text for the drop down menu main headers. I am looking to take my list and take photoshop gif images to make essentially buttons for the main headers, and then keep the drop-downs as they are(something like this):
<li><a href="/Products---Solutions/Financing.aspx" ><img src="#"></a></li>

I appreciate the help as I am new to Kentico, working from a website that had been designed before I came on board, and as I am sure you can probably tell I am pretty much a novice at web-design (Im much more a graphic designer). However, I do have a basic knowledge of html/css.

Thanks in advance!

User avatar
Member
Member
kyleg-directec - 5/25/2011 7:44:29 AM
   
RE:Trying to edit Superfish nav menu
Oh, also:
I found how to do this by just making a css drop-down menu, however if possible I was wanting to use the Kentico web-part as this is what has already been implemented

User avatar
Kentico Consulting
Kentico Consulting
kentico_borisp - 5/26/2011 3:18:37 AM
   
RE:Trying to edit Superfish nav menu
Hello,

If I understand you correctly you should be able to achieve this by setting the Menu item image in CMSDesk / Content / <your menu item> / Properties / Menu / Menu design / Menu item image. Here you can simply insert an image, which will be inserted instead of the caption.

Best regards,
Boris Pocatko

User avatar
Member
Member
kyleg-directec - 5/26/2011 7:39:49 AM
   
RE:Trying to edit Superfish nav menu
Works perfectly, thanks! I new it had to be something simple I was overlooking.