davidgluhaich
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by davidgluhaich
-
-
So I have a real estate marketing company and my pricing is based off of square footage of the listing. I'd like to have a slider, like on this page (https://www.mavenxvisuals.com/pricing-and-packages-1), that adjusts the pricing shown when you drag it between different square footage. How did they accomplish this? I've seen it before, but they were always WP websites. This one is Squarespace, so now that I know it's possible, I'd like to do the same on my site.
Thanks in advance!
-
-
12 hours ago, creedon said:
The way the URLs function is designed in to how the template functions. There are no settings to change that. Did you notice that the # format URL exposes navigation arrows so your site visitors can move between different projects? That feature is not available for the non # URLs.
If you want to hide the meta information on the # pages you can add the following to Design > Custom CSS.
#project .project-item > .meta { display : none; }
To be honest I could do without the navigation arrows. Don't really care for that feature. Do you know of a way to code it so that each project page is at least centered? Thanks for the response
-
So I am using the flatiron template for my photography website. I have an index page for my different albums of photos I will be featuring, but I have a problem with the page you are taken to when you click on a thumbnail for an album from the index page. For example, I have an album for Colorado. The custom slug is /colorado. When I type in [mywebsite].com/colorado, the photos and text are nicely aligned front and center. When I click on the album from the index page, it is aligned left, with an unaesthetic title and share button. This URL is [mywebsite].com/[indexpagename]#/colorado.
How can I get rid of that middle url slug when people click on the album covers? Any help is greatly appreciated!
https://www.davidgluhaich.com/
Trying to create a slider that adjusts the pricing on my page.
in Customize with code
Posted
I have the business plan. Is there any way to copy the formula?
This is the code that I'm working with on w3schools but can't quite figure out the rest.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.slidecontainer {
width: 100%;
}
.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #000000;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #000000;
cursor: pointer;
}
</style>
</head>
<body>
<p>Drag the slider to the SQFT of your listing.</p>
<div class="slidecontainer">
<input type="range" min="0" max="7000" value="2000" class="slider" id="myRange">
<p><span id="demo"></span> SQFT</p>
</div>
<script>
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
slider.oninput = function() {
output.innerHTML = this.value;
}
</script>
</body>
</html>