Branding with Partner Portal 3.0

[NikPanter]

Hey all,

Just wondering if anyone has a best practices document, or even know if you can still dig into the css as you did with Partner 3.0 instead of Partner 2.0.  What I am specifically after right now is changing the look and feel of the object tabs (Fitting it into the style which the company's website utilizes, instead of just branding a header, and then having the portal fit in between, with the typical tabs and such.

Thanks all,

Nik

[Andrew ODriscol · Accepted solution]

While it appears that out of the box the 3.0 portal allows you less control over the CSS than 2.0 you actually still have full control to override the 3.0 styles by putting the style statements in the portal header file.

See the simplified header file below which overrides some of the tab styles. You can find the class names by viewing the 3.0 page html (view source) and than overriding the style(s) in the header file. 

<table width="980" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="left"><img src="https://na1.salesforce.com/servlet/servlet.ImageServer?id=01530000000nSgp&oid=00D300000007BMk" alt=""></td>
<td>
</td></tr>
<tr>
<td></td></tr>
<tr><td align="left">
</td></tr>
</table>

<style type="text/css">

  .tabNavigation {
	margin-top: 20px;
	background-color: #430C80;
  }
  

  #tabBar Div {
	font-weight: bold;
	background-image: none;
  }

  #tabBar td.currentTab div {
	font-weight: bold;
	background-image: none;
  }
  
  #tabBar a {
	text-decoration: none;
  }
  
  #tabBar div:hover {

  }

  .bodyDiv {

  }

  #bodyDiv, #container_pageFooter{ 
    width:980px; 
    left:0px;
    margin:0pt auto;
    position:relative;
    text-align:left;
  }

  #workspacePopularTags .pbButton, #container_sidebar h1.search div.icon { 
    display:none;
  }
  
  .sidebarModuleBody {
	background-color: transparent;
  }
  
   .bPageBlock .pbTitle  {
	color: #FFFFFF;
  }
  
  body {


  }
 
</style></body></html>

 

Apprivo

[NikPanter]

Mondo Thanks, Andrew.  I wasn't sure whether the proper body would override the css of the header.  It's been a year since i played with the css files, and they weren't as apparent as previous.  Now I need to find that css guide I had from a couple of years back!

Thanks again!

Nik