Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Add your logo to fred/images
  2. Edit fred/css/wilma.css to replace the VIVO logo with your logo. Find h1.vivo-logo and change the URL of the background image to the name your logo in images.
  3. Build VIVO with Maven and restart Tomcat.
  4. Check to see that your logo is in place

...

The footer for VIVO can be found in fred/templates/footer.ftl.  You may want to change it's look, or merely change where VIVO sends people for Support (be by default, VIVO send people to the VIVO web site – you may have a preferred location, or mail address for support.

  1. Edit fred/templates/footer.ftl to specify a URL for Support.  Find menu_contactus and change the href in the anchor tag to point at the desired Support location – this could be a mailto:emailaddress or a URL for your a support web site.
  2. Build VIVO with Maven and restart Tomcat
  3. Check to see that your support link is in place

...

  1. Identify your headings color and your background color
  2. Edit fred/css/wilma.css
  3. Replace h2, h3, h4, h5, h6 colors with your heading coloryour headings color.  Find each of the corresponding color assertions for these headings and change them to the color you prefer for headings.  
    1. You may also wish to change the colors for "Index" and "Login" at the top of the page.  The default is white, which works well on a dark background.  But if your background color is light (see below), you may want to make these the same as your headings color.  The style elements are named ul#header-nav
    2. Similarly, you may wish to change the colors for "Terms of Service" and such as the bottom of the page, to make them the same as your headings color.  The elements are named ul#footer-nav
  4. Replace the background color with your background color.  VIVO  uses a background color and a background image to create the wavy lines in its header.  To replace the background color and the way lines with your background color, find and replace the background in the body tag, with 

    background: #xxxxxx center 0 no-repeat;
    where #xxxxxx is the RGB hex code for

    Replace the background color with

    your background color

  5. Build VIVO with Maven and restart Tomcat
  6. Check to see that your colors are in place

...