+ Start a Discussion
Sindhu AmbarkarSindhu Ambarkar 

Pageblocksection style

Hi,
I need to apply styling for pageblocksection.Here is the code

<apex:page standardcontroller="Account" showHeader="true" tabStyle="account">
  <style>
  .activetab {background-color:green color:white background-image:none>
  .inactivetab {background-color:white color:black background-image:none>
  </style>
<apex:form>
  <apex:tabPanel switchtype="client" selectedTab="tabdetails"
id="AccountTabPanel" tabClass="activeTab"
inactiveTabClass="inactiveTab">
<apex:tab label="Details" name="AccDetails" id="tabdetails">
<apex:pageblock>
<apex:pageblocksection title="Account" columns="1">
<apex:inputfield value="{!account.name}"/>
</apex:pageblocksection>
</apex:pageblock>
</apex:tab>
</apex:tabpanel>
</apex:form>
</apex:page>
I need to apply styling for pageblocksection 
Can someone help me

Thanks & Regards,
Sindhu Ambarkar.
Sindhu1234Sindhu1234
Try this

<style> .panelWrapper .mainTitle {
background-color: green !important; color:white !important; padding: 30px 0 20px 40px !important;
}
</style>
<apex:pageblocksection title = "Account"  styleClass="panelWrapper" layout="block">
 
Sindhu AmbarkarSindhu Ambarkar
Its throwing error.styleclass is not the attribute 
TabrezTabrez
Hi Sindhu,

Try this code. This is something which is almost similar to what you'r trying to do.
<apex:page standardController="Account" showHeader="true" tabStyle="account" >
    <style>
    .activeTab {background-color: #236FBD; color:white;
    background-image:none}
    .inactiveTab { background-color: lightgrey; color:black;
    background-image:none}
    </style>
    <apex:tabPanel switchType="client" selectedTab="tabdetails" id="AccountTabPanel" tabClass="activeTab" inactiveTabClass="inactiveTab">
        <apex:tab label="Details" name="AccDetails" id="tabdetails">
        <apex:detail relatedList="false" title="true"/>
        </apex:tab>
        <apex:tab label="Contacts" name="Contacts" id="tabContact">
        <apex:relatedList subject="{!account}" list="contacts" />
        </apex:tab>
        <apex:tab label="Opportunities" name="Opportunities"
        id="tabOpp">
        <apex:relatedList subject="{!account}"
        list="opportunities" />
        </apex:tab>
        <apex:tab label="Open Activities" name="OpenActivities"
        id="tabOpenAct">
        <apex:relatedList subject="{!account}"
        list="OpenActivities" />
        </apex:tab>
        <apex:tab label="Notes and Attachments"
        name="NotesAndAttachments" id="tabNoteAtt">
        <apex:relatedList subject="{!account}"
        list="CombinedAttachments" />
        </apex:tab>
    </apex:tabPanel>
</apex:page>

Hope this will work.

Please mark it as a best answer if its help.

Regards,
TabreZ