Thread: Navigation bar button resizing

I'm using soholanch to edit my site and I noticed that some of my page titles are just to long for the default navigation menu bar. I have looked at the custom.css file and I think I can edit this file and upload it into the templete, but every change that I make to this file does not seem to change the navigation bars default button size.

Any suggestion

webrsit

Download the template folder and change the css file there and see if that solves the issue.
Save it and reup it to the same location and overwrite the one there. Might make a duplicate copy before changing anything just in case it goes bad.

Karen

Thanks for the responds,

I have downloaded the folder and changed the css file in the place I thought it would make a difference and I still can't get the menu bar to increase in size. Which css file is the one that is controlling the site (custom.css or runtime.css) and where within this file should the bar size be. I have change the folowing

/*################################################# ###############################
>> Main Menu Links
################################################## ################################
/* ================================================== ==================== */
/* This is the main vmenu table */
/* ---------------------------------------------------------------------- */
/* <table> */
table.vmenu_mainz {
width: 130%;
border: 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
/* <tr> */

/* <td> ---- [<div><a>Main Page</a></div>] ---- </td>
/*-----------------------------------------------------------*/
td.vmenu_main_off {
width: 130%;
border: 0px;
padding: 0px 0px 10px 10px;
font-weight: normal;
}
td.vmenu_main_on {
width: 130%;
border: 0px;
padding: 0px 0px 10px 10px;
font-weight: bold;
}

/* <div> ---- [<a>Main Page</a>] ---- </div>
/*-----------------------------------------------------------*/
div.vmenu_main_off {
width: 130%;
}
div.vmenu_main_on {
width: 130%;
}

/* <a> ---- [Main Page] ---- </a>
/*-----------------------------------------------------------*/
a.vmenu_main_off:link {color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:visited {color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:hover {color: #FFC618; text-decoration: none; }
a.vmenu_main_off:active {color: #FFC618; text-decoration: none; }

a.vmenu_main_on:link { color: #FFFFFF; text-decoration: underline; }
a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: underline; }
a.vmenu_main_on:hover { color: #FFC618; text-decoration: underline; }
a.vmenu_main_on:active { color: #FFC618; text-decoration: underline; }

/* </div> */
/* </td> */
/* </tr> */


Thanks

I'd have to import the whole thing to frontpage or dreamweaver as a site to tell you.. Im not a css guru, but, I would guess the 130&#37; is where i would start changing..but that could just be the side bar width there, which is why you dont see anychange to the buttons. I would look further in the coding for the button drawing as i assume this is what you want to change. And... I think those buttons are actually drawn with a java script..

<SCRIPT LANGUAGE=JAVASCRIPT>
function navto(where) {
window.location = 'index.php?pr='+where+'';
}
function navtoLink(where) {
window.location = where
}
</SCRIPT>
<INPUT TYPE=BUTTON VALUE="Home Page" STYLE="font-family: Verdana; font-size: 8pt; width: 120px; height: 20px; background: #4682B4; color: #FDF5E6; cursor: pointer;" onclick="navto('Home_Page');">
<BR clear=all><img src=spacer.gif width=100 height=4 border=0><BR>

Thats coding off my site, so you may want to look further into the admin files for the source of that script.

Karen