The style configuration options

Tutorial  |  23 October 2020

The Style Configuration Page

To access your Style Configuration page enter your Dashboard and select Style configuration. This will open a pop-up that will notify you that Purple Lens needs to redirect to your site’s admin panel. Click Proceed.

Image 1

 

 

1. Choose the Toolbar position on the desktop

  • Decide whether you would like the icon that will open the accessibility menu to be located on the left or right side of your site. Pick via the check-box. (Image 2)

 

Image 2

  • You can choose how far from the top of your website, on desktop, to position the plugin. Enter in the number, and choose your unit of measurement (Image 3). 

 

Image 3

 

2. Choose the toolbar position on mobile

  • Decide whether you would like the icon with the features menu to be located on the left or right side of your site. Pick via the check-box. (Image 4)

 

Image 4

  • You can choose how far from the top of your website, on mobile, to position the plugin. Enter in the number, and choose your unit of measurement (Image 5). 

 

Image 5

 

3. Choose the toolbar top position of skip links

  • The Quick Site Navigation Menu allows users utilizing the “Screen Reader” or “Text Reader” functions to quickly navigate your website. (Image 6)

 

Image 6

  • You can choose how far from the top of your website to position the Quick Site Navigation Menu. Enter in the number, and choose your unit of measurement (Image 7). 

 

Image 7

 

4. Customize the icon

  • You can customize the icon of the plugin to suit your specifications. If you have an image that you would like to upload, add it to just one of the text fields. If your image contains vectors, add its link to the “Retina Icon URL” text field. If your image is a jpg, png, etc. add its link to the “Main Icon URL” text field. (Image 8)

 

Image 8

 

 5. Add the plugin to the mobile 

  • You can choose whether or not to have our plugin active on your mobile website. To activate the plugin on mobile devices, mark the check-box (Image 9). 

 

Image 9

 

6. Save your changes

  • Finally, save your changes by clicking the “Save Changes” Button (Image 10). You can always come back here and change these settings.

 

Image 10

Checking...