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

PMDesigner

Member
 View Profile  See their activity

  • Content Count

    65

  • Joined

  • Last visited

Everything posted by PMDesigner

  1. PMDesigner
    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.
  2. PMDesigner
    @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.
  3. PMDesigner
    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...
  4. PMDesigner
    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?
  5. PMDesigner
  6. PMDesigner
    @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
  7. PMDesigner
    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.
  8. PMDesigner
    @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 😣
  9. PMDesigner
    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.
  10. PMDesigner
    I made several index pages and I wanted to put them into a folder so you can see them in a dropdown in the navigation. I am using the bedford template. I am not seeing any way to do this normally, so is there anyway to do this with custom code?
  11. PMDesigner
    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.
  12. PMDesigner
    https://grasshopper-rose-xsw2.squarespace.com/products password is addonsystems
  13. PMDesigner
    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?
  14. PMDesigner
    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?
  15. PMDesigner
    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!
  16. PMDesigner
    You are amazing. Thanks so much.
  17. PMDesigner
    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. PMDesigner
    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. PMDesigner
    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. PMDesigner
    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. PMDesigner
    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. PMDesigner
    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. PMDesigner
    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?
  24. PMDesigner
    Hey there, I have used squarespace before to make a site, however the group I was making the website for had already decided upon a template. They used the Bedford template and It did what I wanted it to do, but at times it just wasn't flexible enough. Now I am being given a specific design that looks very similar to Bedford but slightly different. I wondered if anyone here knew of a template that would be most conducive to me implementing the images that I am posting. Having proper headers, a menu bar above the menu bar, a sidebar, but only on specific pages, a footer and a pre-footer, divs with their own colors that you can put blocks in and images, etc. Thanks in advance.
  25. PMDesigner
    #collection-5d49c9181475550001da0170 .sqs-col-12 .sqs-col-6 { width: 46%; margin-left: 2%; margin-right: 2%; } I added this to my custom CSS and it seems to have done the trick. Thanks anyway @tuanphan hopefully this thread helps out someone in the future.
×
×
  • Create New...

Support

Community

Developers

Resources