Dropdown V2 Theme Css

Introduction

You are able to modify the look of or your CustomerHub portal by modifying the stylesheet associated with the theme (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)
    #content .teaser{background-color:#ccc;}

     

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

     

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

     

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

     

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

     

    Removethe Print Button
    #print_small{display:none;}

     

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

     

    Add Custom Background Image to Header
    #header{  background:url('http://farm8.staticflickr.com/7201/6807147216_a908083952_b.jpg') 
    no-repeat;/* Image by http://www.flickr.com/photos/fireflythegreat */}/* 
    NOTE: for Dropdown V2 you may need to adjust the #logo height if you want to also adjust the 
    header height*/