function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Jonathan Wolff 7Jonathan Wolff 7 

Css does not work in my Visualforce with flow:interview command

Hi,
I want to create style my force .com site by doing CSS styling in Visualforce. Unfortunately the styling does not work for me. ( for the button styling it works, but not for the flow body. Could you tell me what to change about it?
<apex:page lightningStyleSheets="true" showHeader="false">
<style>

.FlowTextArea{
background-color:#00FFFF;
}
   </style>
   
<apex:slds />

<flow:interview name="Account_Site_Email_Antwort" 
buttonStyle="color:#050; background-color:#fed; border:1px solid;"/>

</apex:page>

 
SwethaSwetha (Salesforce Developers) 
HI Jon,
It looks like you can override the predefined flow style classes with your own CSS styles that are specified in Flow-Specific CSS Classes documentation
https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_flows_customize_runtime_ui.htm

Something like
<style type="text/css">
.FlowText{
font-size: 300%;
line-height: 150px;
margin-left: 25px;}
.FlowContainer{font-size: 300%;;}
.FlowFinishBtn{
font-size: 300%;}

Related: https://ideas.salesforce.com/s/idea/a0B8W00000GdcRFUAZ/backgrounds-and-standard-styles-in-visual-flows

Hope this helps. Thank you