Demo setup

Support
#1

hi,
I installed the “auto” demo template on my website
but I would like to implement some element or shortcodes from “ethos 3” and “ethos 1” demo page

is there a way to find the code or the setup or how to configure demo page without installing it.
for instance I would like to implement the map section of ethos 3 demo page on my website, but i don’t know which element to use and how to configure it on my homepage.

thanks

#2

Hi There,

To implement the map you need to Add a section on Cornerstone > Click on the magnifying lens of the row of the section, turn of the toggle Column Container

You can ad the Google Maps Element then.

Have in mind that in order that the maps work on your website you need to create an API Key from Google and copy the number to the element.

Hope it helps!

#3

I would like to have the map stretch out with no border, like on the ethos 3 demo page
and when you hover and scroll it displays a text: use ctr + scroll to zoom in to map

is there a way to see the setup or configuration of demo page without having to install it first?

#4

Hi There,

Yes, that is possible but you need to learn first how to use the Inspect Element of your browser and familiarize with the classes that is associated with element’s settings.

But if you’re familiar with the settings and configuration of Cornerstone’s elements, then you don’t need to inspect it, you can do that fullwidth map easily. Please watch this clip on how to create a Fullwidth Map section in a minute.

That “use ctr + scroll to zoom” feature is built-in with Google Maps.

Hope it helps,
Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.