How to apply formatting and styling changes to a variation page in A/B visual editor in Zoho PageSense?

Apply formatting and styling changes to your variation

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.

4.Click Save and Next to move onto the GOALS tab.


    Access your files securely from anywhere

      Zoho CRM Training Programs

      Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

      Zoho CRM Training
        Redefine the way you work
        with Zoho Workplace

          Zoho DataPrep Personalized Demo

          If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

          Zoho CRM Training

            Create, share, and deliver

            beautiful slides from anywhere.

            Get Started Now


              Zoho Sign now offers specialized one-on-one training for both administrators and developers.

              BOOK A SESSION









                                            You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                                Manage your brands on social media

                                                  Zoho Desk Resources

                                                  • Desk Community Learning Series


                                                  • Digest


                                                  • Functions


                                                  • Meetups


                                                  • Kbase


                                                  • Resources


                                                  • Glossary


                                                  • Desk Marketplace


                                                  • MVP Corner


                                                  • Word of the Day


                                                    Zoho Marketing Automation

                                                      Zoho Sheet Resources

                                                       

                                                          Zoho Forms Resources


                                                            Secure your business
                                                            communication with Zoho Mail


                                                            Mail on the move with
                                                            Zoho Mail mobile application

                                                              Stay on top of your schedule
                                                              at all times


                                                              Carry your calendar with you
                                                              Anytime, anywhere




                                                                    Zoho Sign Resources

                                                                      Sign, Paperless!

                                                                      Sign and send business documents on the go!

                                                                      Get Started Now




                                                                              Zoho TeamInbox Resources



                                                                                      Zoho DataPrep Resources



                                                                                        Zoho DataPrep Demo

                                                                                        Get a personalized demo or POC

                                                                                        REGISTER NOW


                                                                                          Design. Discuss. Deliver.

                                                                                          Create visually engaging stories with Zoho Show.

                                                                                          Get Started Now









                                                                                                              • Related Articles

                                                                                                              • Make advanced changes to the variation using JS/CSS editor

                                                                                                                Apart from making changes manually to the design and content on your variation page, you can also directly write your own custom Javascript and CSS code changes using the PageSense visual editor. This option will provide you the freedom to quickly ...
                                                                                                              • Add and edit the background image in the variation

                                                                                                                Having a relevant background image for your business site can help showcase your products and services in a visually appealing way and allow users to develop an instant connection with your brand. This could include displaying a relevant cover ...
                                                                                                              • Add and replace a picture in a variation

                                                                                                                Images on your landing and product pages are the best way to attract more eyes to your website. With PageSense visual editor, you can quickly upload, resize, and edit your images on the variation page to convey your brand's message effectively to ...
                                                                                                              • Add and edit text in a variation

                                                                                                                Many A/B experiments involve making minor changes or updates to existing content on your website to help encourage users to take specific actions. This might include adding a catchy headline on your home page to briefly explain what your product ...
                                                                                                              • Add a click-on-element goal to your variation

                                                                                                                PageSense allows you to choose a specific element to the variation page and add a click-on-element goal to it in the visual editor. This method of setting element goals helps you track clicks on buttons such as signup, submit, or any CTA on your ...
                                                                                                                Wherever you are is as good as
                                                                                                                your workplace

                                                                                                                  Resources

                                                                                                                  Videos

                                                                                                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                  eBooks

                                                                                                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                  Webinars

                                                                                                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                  CRM Tips

                                                                                                                  Make the most of Zoho CRM with these useful tips.



                                                                                                                    Zoho Show Resources