Navigation bar button resizing

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • Webrsit
    Private

    • Jan 2008
    • 3

    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
  • Karen Mac
    General

    • Apr 2006
    • 8332

    #2
    Re: Navigation bar button resizing

    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

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)


    Comment

    • Webrsit
      Private

      • Jan 2008
      • 3

      #3
      Re: Navigation bar button resizing

      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

      Comment

      • Karen Mac
        General

        • Apr 2006
        • 8332

        #4
        Re: Navigation bar button resizing

        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

        VodaHost

        Your Website People!
        1-302-283-3777 North America / International
        02036089024 / United Kingdom
        291916438 / Australia

        ------------------------

        Top 3 Best Sellers

        Web Hosting - Unlimited disk space & bandwidth.

        Reseller Hosting - Start your own web hosting business.

        Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)


        Comment

        Working...
        X