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.

Examples

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

#header{  background:url('http://farm8.staticflickr.com/7201/6807147216_a908083952_b.jpg') no-repeat; /*Image by http://www.flickr.com/photos/fireflythegreat */
Did this answer your question?