Hi All,

I'm trying to make an added VF element to a page layout line up in our customer portal and I'm having issues.

For the CSS, I've found using inspect element that this piece of code controlls it:

.bPageBlock .detailList td.data2Col.last {
            padding: 2px 2px 2px 10px;
            text-align: left;
            width: 82%;
        }

Once I change the 10px in chrome to 2px, it aligns correctly. However, when I apply that to my visualforce code, the update doesn't stick. Does anyone know why? Any help is greatly appreciated...


Here's my vf code:
<apex:page standardController="Account" extensions="CP_AccountExtension" >
    <style type="text/css">
        .bPageBlock .detailList td.data2Col.last {
            padding: 2px 2px 2px 2px;
            text-align: left;
            width: 82%;
        }  
        .pageBlockTable {
            font-size:11.5px;           
        }
        .pageBlockTableHeader {
            font-size:9.5px;
            border-color: white;
        }
        .bPageBlock,
        .individualPalette .bPageBlock {           
            border-bottom:0px;
            border-left:0px;
            border-right:0px;
            border-top:0px;
        }
        .bPageBlock .pbBody{
            padding:0px 0px 0px 0px;
        }

    </style>

    <apex:pageBlock id="pageBlock" rendered="{!filteredContacts.size!=0}">
        <apex:pageBlockTable id="pageBlockTable" styleclass="pageBlockTableHeader" border="0" value="{!filteredContacts}" var="Contacts" >
            <apex:column value="{!Contacts.FirstName} {!Contacts.LastName}" styleClass="pageBlockTable "><apex:facet name="header">Contact Name</apex:facet></apex:column>
            <apex:column value="{!Contacts.Title}" styleClass="pageBlockTable "/>
            <apex:column value="{!Contacts.Email}" styleClass="pageBlockTable "/>
            <apex:column value="{!Contacts.Phone_Ext__c}" styleClass="pageBlockTable "><apex:facet name="header">Phone</apex:facet></apex:column>
            <apex:column value="{!Contacts.Primary__c}" styleClass="pageBlockTable "/>
        </apex:pageBlockTable>       
    </apex:pageBlock>
</apex:page>