Dropdown V1 Theme Css

Introduction

You are able to modify the dropdown layout for your CustomerHub portal by creating a custom CSS stylesheet (Settings > Customize Theme > Stylesheet tab)

This level of customization requires some basic knowledge of CSS code and hexidecimal color codes. You may need to get assistance from an experienced website administrator.

 

Step-by-Step Instructions

  1. Here are the CustomerHub dropdown layout CSS ID & Class Names

    • div#container
    • div#header
    • ul#account-bar ul.drop-list
    • a.profile-link
    • span.dwn profile-link
    • ul#account-status ul.right-edge
    • div#logo
    • div#navigation
    • div#navbar
    • ul.topnav drop-list
    • li.current
    • div#content
    • div#left
    • div#notice
    • div.success
    • div#page_content
    • div#right
    • div#footer

     

  2. Here are some code examples to get you started...

    Remove the Default Page Titles 
    #page_title{display:none}

     

    Change the Color of Teaser Background (main page)
    #page_content .teaser{background-color:#FFFFFF;}

     

    Change the Color of Teaser Text (main page)
    #page_content .teaser{color:#000000;}

     

    Change the Color of Teaser Background (right column)
    #right .teaser{background-color:#FFFFFF;}

     

    Change the Color of Teaser Text (right column)
    #right .teaser{color:#000000;}

     

    Change the Width of File Download Links
    a.member-file{width:200px;}

     

    Remove the Print Button
    #print_small{display:none;}

     

    Remove Company Logo from Header
    div#logo{display:none}

     

    Add Custom Background Image to Header
    #header{background:url(https://d2ma5jma76a61i.cloudfront.net/images/1076/7017/thumb/logo-brand.png)
    no-repeat; height:150px; width:970px; }

    Note: You must replace the image URL and the height and width parameters. Upload the image to CustomerHub (Content > Images). After you upload, right click on the image link and copy the link location.