Store Locator Plugin Guide

How to Adjust the Font Size?

This article will explain how a  user can adjust the font size of the text on the store locator. In summary, all it requires is using our built-in tool to generate a CSS file which is added to the CSS snippet.

In addition, the URL for the tool is given below:

https://agilestorelocator.com/font-size-tool
URL for the Font Size Tool

A user will need to follow a simple procedure once the above page is reached. Firstly, the correct template number will need to be identified. Next, the user will need to change the number under each category to change the size of the text. 

Font Size Tool
Font Size Tool

Lastly, when all the numbers have been adjusted, click on “Generate CSS” to bring up the CSS file.

Generated CSS file
Generated CSS file

Where to Paste the CSS file to change the font size?

Overall, there are two locations where the CSS file can be pasted :

Location 1:  Stylesheets (style.css)

To reach this location, go to the “Appearance” tab and select “Theme Editor”, and paste the generated CSS here.

CSS Theme Editor
CSS Theme Editor

Note: Sometimes due to cache, the user may not see the change in the text size when pasting the CSS file here. For this reason, Agile Store Locator has an alternative location to paste the CSS file in.

Location 2:  Additional CSS dashboard 

To locate this dashboard, please follow the below steps:

  1. Go to the “Appearance” tab, and click on “Customize”
  2. Click on “Additional CSS”

Paste the CSS file here to bring the changes into effect

Additional CSS
Additional CSS