+ Start a Discussion
dmchengdmcheng 

Override FlowPageBlockBtns CSS for Visual Flow page?

Has anyone been successful in overriding the FlowPageBlockBtns CSS for a Visual Workflow VF page?
https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_flows_customize_runtime_ui.htm

I want to center the buttons and have tried to override the Salesforce CSS several ways but none of them work, the buttons still end up with text-align:right.  See code and resulting screenshot where the overrides haven't taken effect.
 
<apex:page showHeader="false" sidebar="false" standardStylesheets="false">
	<style>
		.FlowPageBlockBtns, 
		.pbHeader .pbButton td,
		.pbHeader .td {
			text-align: left !important;
		}

		body {
			font-size: 1.2em;
		}
	</style>

	<div>
		<div style="text-align: center;">
			Quote Request Form
		</div>
	</div>
	<flow:interview name="Quote_Request_Form" />
</apex:page>
User-added image