Dream Theme Css

Introduction

You are able to modify the CSS of your CustomerHub theme by modifying the stylesheet of the theme (Settings > Customize Theme > stylesheet tab). This level of customization requires some basic knowledge of CSS code and hexadecimal color codes. You may need to get assistance from an experienced website administrator.

 

Step-by-Step Instructions

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

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

     

    Remove the Right Side Column
    #sidebar{ display: none; }
    #content{ width: auto; }

     

    Change the Color of the Logged in Customer / Member's Name
    #account-bar .profile-link{ color: #d00; }
    

     

    Change User navigation sub links
    #account-bar  ul a, #account-bar ul a:visited{ color: #dd0; }
    

     

    Example Partial Teaser styling (main page)
    #page_content .teaser{
      color: #d00;
      padding: 10px;
      background: #ccc;
    
    }

     

    Example Partial Teaser styling (right column)
    #sidebar .teaser{
      color: #d00;
      padding: 10px;
      background: #ccc;
    }

     

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

     

    Remove the My Filebox Link from the Member / Customer Portal
    #account-bar .filebox{ display: none; }

     

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

     

    Customize the My Filebox Link:  Text Color, Background Color, & Size (etc.)
    #account-bar .filebox a {
      color: #FFFFFF; background: #E07500; font-size: 10px;
      font-weight:bold;
      padding: 2px 3px;
      text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px; 
    }

     

    Add a Logo to Top Header
    #sidebar{
      background:url('http://farm8.staticflickr.com/7201/6807147216_a908083952_b.jpg') no-repeat;
     /*Image by http://www.flickr.com/photos/fireflythegreat */
    }