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:
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.
Lastly, when all the numbers have been adjusted, click on “Generate CSS” to bring up the 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.
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:
- Go to the “Appearance” tab, and click on “Customize”
- Click on “Additional CSS”
Paste the CSS file here to bring the changes into effect