3295014 - How to remove Text Component Margins in CSB - Recruiting Marketing

This KBA explains how to remove the Margin or additional spacing on Text Components in CSB. 

SAP SuccessFactors Recruiting Marketing

This can be accomplished by adding the code to either Custom Plugin Component or Javascript Tab on CSB. 

Javascript Tab: 

1. Go to Manage Career Site Builder from Admin Center. 
2. Go to Global > Appearance > Javascript Tab 
3. Add the code "<style type="text/css">.buttontext .inner.disableHorizontalPadding{max-width:100%}</style>" on either header or footer 
4. Click on Save. 
5. Go the Text Component where you want to remove the Margin. 
6. Open the Text component > Styles 
7. Toggle Enable Spacing to "Yes". 
8. Once Enable Spacing is turned on, an additional setting will appear. "Remove Existing Left and Right Padding"
9. Toggle the Remove Existing Left and Right Padding switch to Yes. 
10. You can now proceed to preview or publish the changes. 

Custom Plugin Component: 

1. Go to Manage Career Site Builder from Admin Center. 
2. Go the Homepage where the text component is located. 
3. Click on "Add Component" > Custom Plugin. 
4. Open the Custom Plugin and add the Code "<style type="text/css">.buttontext .inner.disableHorizontalPadding{max-width:100%}</style>". 
5. Click on Save. 
6. Go the Text Component where you want to remove the Margin. 
7. Open the Text component > Styles. 
8. Toggle Enable Spacing to "Yes". 
9. Once Enable Spacing is turned on, an additional setting will appear. "Remove Existing Left and Right Padding"
10. Toggle the Remove Existing Left and Right Padding switch to Yes. 
11. You can now proceed to preview or publish the changes. 

• Text Component Settings in Career Site Builder
• 3034858 - CSB Components not showing properly - Recruiting Marketing

Padding, Spacing, Remove, Removed, Indent, Components, Text, Margin , KBA , LOD-SF-RMK-CSB-CPT , CSB component, content, category, landing page confi issues , How To