+ Start a Discussion
Adam RycroftAdam Rycroft 

Change the Font Size of a page block title in VF

Hi,

Can someone help me change the font size for this page block title?
<div style="float: left; width: 100%;"> 
<apex:pageBlock title="Household Members">
   <apex:pageBlockTable value="{!Intake__c.Household_Members_CCA__r}" var="HM">
   <apex:column >
   <apex:facet name="header">Name</apex:facet>
      <apex:outputField value="{!HM.Household_Member_Name__c}"/>
      </apex:column>
      <apex:column >
   <apex:facet name="header">Relationship</apex:facet>
      <apex:outputField value="{!HM.Relationship_to_Head_of_Household__c}"/>
      </apex:column>
     <apex:column >
   <apex:facet name="header">Birthdate</apex:facet>
    <apex:outputField value="{!HM.Birthdate__c}"/>   
      </apex:column>
        <apex:column >
   <apex:facet name="header">Gender</apex:facet>
    <apex:outputField value="{!HM.Gender__c}"/>   
      </apex:column>
       <apex:column >
      <apex:facet name="header">Race and Ethnicity</apex:facet>
    <apex:outputField value="{!HM.Race__c}"/>,&nbsp; <apex:outputField value="{!HM.Ethnicity__c}"/>   
      </apex:column>
       </apex:pageBlockTable>
</apex:pageBlock>
</div>

 
Best Answer chosen by Adam Rycroft
Hemant_SoniHemant_Soni
Hi,
Please try below css in your vf page.
td.pbTitle>h2 {
    font-size: 1rem !important;
}
Thanks
Hemant

All Answers

Hemant_SoniHemant_Soni
Hi,
Please try below css in your vf page.
td.pbTitle>h2 {
    font-size: 1rem !important;
}
Thanks
Hemant
This was selected as the best answer
Adam RycroftAdam Rycroft
Thank you. Worked like a charm!