Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by PMDesigner

  1. This has never happened before with squarespace, using git push to push some very minor changes to my live site is not taking effect, and when I make small changes to the site .less files the css disappears sitewide. at first I thought that maybe I was pushing some bad code, but upon further investigation I saw that there was nothing wrong with what I changed. on site.less I changed the background color from white to blue. On a different file, on a .block file, I added an extra list item to an already existing list. background-color: white !important; background-color: #AADFFF !important; To me this looks a lot like a cache problem, and upon further inspection I saw that this had happened with before for other people when they pushed to their site, However they did not appear to get a clear answer. Does anyone know how to fix this? or how to clear the site cache on squarespace? https://stackoverflow.com/questions/45619962/squarespace-developer-mode-irrecoverably-breaks-site-after-git-push
  2. Site URL: https://nectarine-circle-ngf5.squarespace.com/ https://nectarine-circle-ngf5.squarespace.com/ password: apod Here is the site URL, the problem i am facing at the moment is quite an odd one... So first of all Using CSS I changed the header to have an image behind it. .Header--top { display: none; background-image: url("https://static1.squarespace.com/static/5e28e3821bc1146fbddc88f8/t/5e36482d21662377966f68f8/1580615725729/Base.png"); background-size: 100% 100%; } What I am trying to do is make it so that the image goes behind the navigation, however when setting the header z-index to higher values nothing happens. Behind the navigation there is a white background and I am finding out that is the the background color of the whole page. I am really hitting a lot of walls here if anyone could help.
  3. I know this is not quite normal, but I know there must be a way to do it. I have a few products in a gallery wall on my site, when I click them they pop up into a Lightbox where you can scroll through them. It shows the description along with the image. Does anyone know if it is possible to have an image block somewhere else on the page change as you select different gallery images? I was hoping that along with the gallery image, I could have the gallery descriptions change the contents of some text beside the image. In theory it doesn't seem like it should be all that hard... Any input would be appreciated. Thanks.
  4. @tuanphanI looked through many of the options on Codecanyon and Codepen, I will use these if I do not have any success in an idea I came up with. When you have a grid gallery block and you enable Lightbox it pops out at you and gives you the option of adding a title, description and link. If I could make it so that selecting an image on the grid gallery would change the image and text of a card image layout then that would give me exactly what I want. Do you know how to do this? Make a selected gallery image change an image on the page? Either way thanks for all your help.
  5. Thats the thing, thats just from a .psd mockup image, not an actual website. @tuanphan If I had an actual website to work with then it might be easier for me to tear off all the CSS and javascript. I do not. These people want me to do things with Squarespace that I do not think Squarespace is meant to do, its never been a "you do your design" platform...
  6. Right now I am making a website for someone and they want a very specific design. They have a number of product pages and on the homepage they want a little gallery block that shows several of the most popular ones. But in this gallery block they want a blurb of whats on the product page, as well as a button that takes you to it. They also want the other featured pages to be displayed off to the right. I am attaching an image of what I mean, I realize that it may require a lot of CSS and javascript but does anyone know how they would go about approaching something like this?
  7. @tuanphan Sorry to message you on Christmas, and I realize i checked this question as solved, but upon actually using the Nav for a link, the links were inaccessible unless I changed position:absolute to position:relative or something else. here is the the site https://grasshopper-rose-xsw2.squarespace.com
  8. Ok I have used squarespace for quite a while, and often times when trying to make a specific design that someone requested its not east, i have had to craw through many custom CSS hoops and the help I have received is sure helpful, but not always timely. So i am going to make this simple, I have 4 days to complete this site from start to finish. It's a big site, and honestly I don't know if i can pull it off, but i'm asking you, anyone who reads this PLEASE HELP. 🤯 Which template should I use for a design like this? It is a commerce site with product pages, images behind the text, and colored backgrounds in front of the images. different types of buttons, a navigation above the main navigation, and a clickable video on the homepage banner. The first image is the product page, the second is the homepage.
  9. @tuanphan someone please help me out here. Here is the link, https://grasshopper-rose-xsw2.squarespace.com It is the products tab. I am not seeing any way to do this without changing the whole template 😣
  10. I want to do this with Bedford, and I am not the only one either. The thread is archived so I cannot respond now. My client really wants clicking on the folder to take them to a menu page, while the dropdown links take them to the individual pages within the menu page. There has got to be a way to do this in bedford! I assume it is because bedford automatically makes it so that when you click it, it takes you to the first link.
  12. Alright thanks for the suggestion @lu.diehl I put this code in the block: <img src="paris.jpg" alt="Paris" class="center"> and put this code into the CSS .center { display: block; margin-left: auto; margin-right: auto; width: 50%; } This centered the code block image.
  13. https://grasshopper-rose-xsw2.squarespace.com/products password is addonsystems
  14. Hey thats an idea. I might just do that if I cannot find a way to center a code block image. Thanks. @tuanphan do you know of a way to do this with images in the code blocks?
  15. I had several images that were identical on my page, same size and shape. However I wanted them to be buttons that changed color upon hover. so i made them into code blocks and attached this code to them: <a href="/web-load-tracking"> <img src="https://static1.squarespace.com/static/5dcf22cb93b61d33686b863a/t/5dd5efa58bcf197a9a45df2d/1574301606049/2button.png" onmouseover="this.src='https://static1.squarespace.com/static/5dcf22cb93b61d33686b863a/t/5dd5efab8bcf197a9a45df8f/1574301611566/2hover.png'" onmouseout="this.src='https://static1.squarespace.com/static/5dcf22cb93b61d33686b863a/t/5dd5efa58bcf197a9a45df2d/1574301606049/2button.png'"> </a> But now their spacing is all messed up. how do i center the blocks so that they look like the second screenshot i am attaching?
  16. It seems simple enough. The Design that I am trying to implement for the website that I am making consists of thin color strips that have buttons, images and text inside them. When I make an index page Using a banner does not work because you cannot put blocks in them. When I try using custom CSS to make a div on the page a certain color It still is too big. On my index page I implemented this code: div#homepage1{ height: 55em; background: #E30A1F !important; } To fix the size problem I tried adjusting the height to be smaller. However that also presents problems. When the screen resolution gets smaller that 900px all of the blocks stretch outside of the color. Also I cannot move the blocks higher so they are off vertical center. As seen in this first screenshot. As you can see, one screenshot looks much cleaner and more professional than the other. The second screenshot is what I am trying to accomplish. If anyone has a simple way to accomplish this, I'm all ears, heck even a complicated solution, just as long as it gives me this specific design. Thanks for reading!
  17. This code worked. And I guess you were right, reading that flexbox page really helped me to figure things out https://css-tricks.com/snippets/css/a-guide-to-flexbox/. I am attaching a screenshot of what I got. I have a new problem now though. When I make background transparent, or set the opacity to zero. There is still this dark background behind the text. I want my banner image to be behind the text, do you know how to do that @tuanphan?
  18. Hey @tuanphan I said it before, I'll say it again, I think you are the most helpful person on this whole website. I did not think of inserting it into the header code injection, I will try that. Thanks for the tip. The phone number is blurred out, but the blue text above the white navigation is what I am talking about. I just wanted a sort of second navigation that shows these simple things that are kinda special and different from the other navigation elements.
  19. I want to put a phone number, and a link above my top navigation. However I do not see any way to do this within the Hayden Template. Does anyone know how to do this with custom code? Here is a screenshot Of what I am trying to accomplish.
  20. I am using the Hayden Template. I want to have a navigation within a navigation. Such that when you click a certain page on the top navigation bar the page it takes you to has another navigation on a sidebar to the left. So that all the main pages are still at the top, but once you are in this page you can go to all the subpages. I am attaching a screenshot an image that demonstrates what I want. I am not afraid to mess with custom code, so anything you have to offer really helps. Thanks.
  21. And also how would i make the block thin, height-wise? so that it is just a small strip across the top with buttons in it.
  22. I wanted to make the background for a certain portion of my index page red, and within that area I wanted to have a series of image buttons, as seen in the image attached. What i the best way to do this? I am using the Hayden Template.
  23. Hey, thanks for the response. I know that some things are only going to be possible through custom CSS, why do you suggest Hayden? Looking at it I cannot see a big difference between it and Bedford. Do you know of a template that allows maximum flexibility?
  • Create New...