Sometimes, a simple way to improve the performance of a web page depends on making minimal changes to a variation in terms of design, layout, and content structure—for example, making the headline font bold in style to highlight your brand's message or altering an image's background size to fit within a subsection. The PageSense visual editor allows you to make such quick formatting and styling changes, which can add visual appeal to your website and catch your site visitor's specific attention, without the need to edit your CSS code.

To apply formatting and styling changes to a variation:
1. Select your A/B experiment and click the EDITOR tab on the top.

2. Hover over and click the area on the editor you want to style/format.
The action bar will appear on the page.


3. Click Style editor and then do any of the following:  

1. To format the element's properties, click Format tab and from there you can:
   
   a. Change the background or text color from the dropdown. 
   
   b. Change the border thickness, color, or style from the options.
   
   c. Change the font type, style, size, and color options.
   
   d. Change the text casing, align the content, and adjust the line height.
   
   
   
   
2. To edit the element's dimension properties, click the Dimension tab and then adjust the width, height, margin, padding, or radius of the selected element.