+ Start a Discussion
Bhuvanakruthi MudholeBhuvanakruthi Mudhole 

css code for the following visualforce code

<apex:page standardController="YW_Solutions__c" lightningStylesheets="true" >
<apex:includeLightning />
<apex:pageBlock >
<apex:pageBlockSection columns="2">
<apex:outputText label="Trench Work Details" value=""></apex:outputText>
<apex:outputText label="Single Excavation Details" value=""></apex:outputText>
<apex:outputField value="{!YW_Solutions__c.Excavated_Length_m__c}"/>
<apex:outputField value="{!YW_Solutions__c.Total_Number_of_Open_Excavations__c}"/>
<apex:outputField value="{!YW_Solutions__c.Backfilled_Length_m__c}"/>
<apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavations_Backfilled__c}"/>
<apex:outputField value="{!YW_Solutions__c.Reinstated_Length_m__c}"/>
<apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavation_Reinstated__c}"/>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:page>
Waqar Hussain SFWaqar Hussain SF
Can you be more specific about what are you looking for?
Bhuvanakruthi MudholeBhuvanakruthi Mudhole
The output should be like the second picture.
Waqar Hussain SFWaqar Hussain SF
try below code
<apex:page standardController="YW_Solutions__c" lightningStylesheets="true">
  	<apex:slds />
    <apex:includeLightning />
    <apex:pageBlock>
        <apex:pageBlockSection columns="2">
            <apex:outputText label="Trench Work Details" value=""></apex:outputText>
            <apex:outputText label="Single Excavation Details" value=""></apex:outputText>
            <apex:outputField value="{!YW_Solutions__c.Excavated_Length_m__c}" />
            <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Open_Excavations__c}" />
            <apex:outputField value="{!YW_Solutions__c.Backfilled_Length_m__c}" />
            <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavations_Backfilled__c}" />
            <apex:outputField value="{!YW_Solutions__c.Reinstated_Length_m__c}" />
            <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavation_Reinstated__c}" />
        </apex:pageBlockSection>
    </apex:pageBlock>
</apex:page>