You are able to modify the drop-down 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.

Dropdown Theme 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

Examples

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.

Did this answer your question?