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

Search the Community

Showing results for tags 'images'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 29 results

  1. Hello! I'm using the Clay template and have most pages setup with small spacers on left/right and left-aligned images images sharing a text block beneath a Heading 1 title text block. When viewing on a mobile device the layout does a good job of putting the title block, image, and text on top of each other, but the image doesn't fill the whole screen - it's slightly aligned to the left. Is there a way to have the image fill the whole screen, left to right, when viewing this layout on a mobile screen? https://pvactx.org Thanks in advance!
  2. Hi there, I have added some code to get the hover effect (overlay + Poster: Title/Subtitle ) on images (see screenshot attached). /* Hover Effect Images */ .sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;} .sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;} .sqs-block-image:not(:hover) .image-card-wrapper { display:none;} Unfortunately it started behaving weirdly - the hover just works on all images now, rather than on only https://www.aeliaandthecamera.com/branding and text is not displayed while hovering over. Any advices how to make it work properly are highly appreciated 🙂 Many thanks 🙂 A.
  3. I am using Supply template (I am kinda a newb) and the Product detail is displaying the Variants as if they are also Products (with full size images stacked). I only want to see the Product that I am selecting and have the Variants appear in the selection pull down menu. There is nothing to control this in the Site Styles. The details about the template merely mention that Product images are in fact stacked. Is there a way with code injection to hide the variant images from the Product Detail? Thanks in advance.
  4. After doing a quick search, I found a code to disable right-click options on the desktop. However, when viewing my site via mobile device, the feature is still active. I'm still able to hold the image and save the image to my phone. Is there an accessible code out there that disables this feature on mobile devices as well? All help is appreciated. Thank you
  5. I created a gallery page and uploaded lots of images. Now, as I look at it, I'm thinking I should have done a grid instead. Is there a way to change the page? If not and I have to create a new page, where are all those images stored / where can I find them to add to the grid page?
  6. Hi there, Is there a way rather having an infinite scroll on following page https://www.aeliaandthecamera.com/branding limiting the amount of rows to 3 and add a pagination (see attached)? Any advices how to make it work are highly appreciated 🙂 Many thanks 🙂 A.
  7. Hi,I'm setiing up a website in 7.1 and would like to have three full width banner images on my homepage transitioning. The images must fade and they must FADE SLOWLY. Currently when I set the transition to autoplay and fade (in a slideshow gallery) the movment between images is too abrupt and doesn't really fade at all. How can this be achieved using code? It's 7.1 and it's the homepage's banner pics that I'm looking at (or a slideshow gallery as banner pics I guess?). I can see from past forums online (pre SS 7.1) that people have used code to slow the fading down between images but the solutions are not geared towards a homepage and I can't see where I can inject code to a banner pic - any help much appreciated, thanks.
  8. My website, storybriar.com, has a homepage made up of four images: my name and three navigation buttons. Each navigation button is an image you can click on to get to a different part in my site. However, when you view the site on mobile, it takes all my images and stacks them vertically, forcing the viewer to scroll through my primary navigation with each "button" completely filling the screen. It looks like the problem is that my website is switching to a "mobile style" that stacks all the content vertically. I want my site to appear exactly the same on mobile as it does on the desktop, but my template, "Ready" (in the "Skye" template family), gives no option for that. How do I make the two look the same? Barring that, how do I just get it so that my homepage navigation buttons stay lined up three in a row?
  9. Hi there, I have set my image border radius to 4px !important, however it is not working on some image corners and some images at all in my gallery grid block. The code I have used its: .sqs-gallery-block-grid img { border-radius:5px !important; } Any suggestions on how to fix this are most welcome! Thanks, Sam
  10. Using the Brine template and have alternate image on hover functioning on the product pages. I would like to replicate that alternate image on hover function on the quick view on the home page. I have the page set up with the product page inserted, but it looks like the hover function with need a custom code. I didn't find a solution in a search. Any help would be greatly appreciated! Thank you!
  11. The available tweaks do not offer any option to create space between images. Instead, the only option is to have all images touching one another, which causes a strange look when images are of different shades of the same color. Is there any way to create spaces between these images? Thank you for any and all help!
  12. I'm attempting to round the corners on my images on two different image blocks. Since Squarespace doesn't seem to natively support rounding corners on images, I was going to do some custom CSS work to round them out. I found this blog entry that gave me the script I needed to enter, but I can't actually properly references the images themselves - only the blocks. For example, here's a test case I built. I have two image blocks here, both set to the Poster design. This is on one of the default templates without any major changes, save for swapping out some text. If I hit inspect, the only ID I can find is for the blocks themselves, not the images. I could just be missing it, but this seems to be the only ID that doesn't start with yui (which I was told isn't static and will change every time the page is reloaded). If I reference this ID when I try to round my corners, I end up with this - a rounded image block. (I'm also not sure why every time I go into edit mode, the formatting on my test photos I'm using seem to break but that's a whole 'nother thing) I'm really new to all of this, so it's totally possible I just have the whole thing completely wrong. Anyone got any pointers? Thanks!
  13. Hi Everybody, Do you know how can we have a very simple slideshow lightbox when i click on an image ? ( I don't want to open a gallery on a new page, i just want to have it in a lightbox ) ( with Wexley template particulary ) Thanks a lot! Ulysse.
  14. I would like my galleries to organize the newest photos on top. Currently I have to manually drag all of my photos to be in the order of newest to oldest. Is there a selection that can help me with this?
  15. Hello, As you can see on my website when you hover over 'coffee stories' the word 'shell' appears. For some reason this appears underneath my thumbnail image but instead I would like it to replace the image. How can I do this? Is there a way to make the original image disappear on hover at all? I want to do this with all the thumbnails but have just started with one. Thanks, https://greyhound-keyboard-sa3k.squarespace.com/
  16. I think I picked the correct section. My graphics are ok on desktop but on mobile they are cut off. I am looking for recommendations on fixing the situation. mpcyork.com
  17. I am wanting to add a native "learn more" button centered on my gallery grid images. I only want the button to display on images with clickthrough url's as well.
  18. Hi, I'm having real difficulty replicating the "Home" page on the following website: https://www.mpkelley.com/ I am using the supply template, which I can see is also what the above site is based on. I am trying to create a home page with a single image, that can be clicked on to open the next image, as shown in the above. I'd like to be able to use the same arrow-based navigation, or at least something similar. You will see in the bottom left of the example home page, there is a "prev/next" & "show thumbnails" section, which it would be great to have too, but not essential. I'm new to this, so maybe I'm missing something obvious in the template options?! Any help would be greatly appreciated. Thanks,
  19. Hi everybody Im using the Hunter template and trying to create a linear gradient over my gallery grid images with a hover effect as well. I can seem to get the hover effect to work, although only to some extend, but have had no luck creating the correct code for the permanent gradient. Im going for the same gradient effect as on this website https://plusdevelopmentgroup.com/ My code looks like this at the moment: img.thumb-image.loaded:before { content: ''; display: block; position: absolute; height: 85%; width: 100%; bottom: 0; transition: height 0.5s ease-out; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0, 0.7) 100%); transition: background 1s linear; transition: linear-gradient 0.5s ease-out; opacity: 0.5; } img.thumb-image.loaded:hover:before { height: 100%; opacity: 0.5; transition: opacity 0.5s ease-out; }
  20. In my portfolio pages, I prefer the visiter to see an entire collection of work at a glance. Is there a way to alter the thumbnail ratio so that square and rectangular, vertical and horizontal images show correctly? Right now, I have them set to square since most of my paintings are square, but the rectangular pieces get cropped. Is there a different gallery option in Pages that would solve this issue easily? I have seen others who use Wells achieve the proper ratios for their artwork on what looks like a page set to thumbnails. Thanks in advance for any help.
  21. My question concerns information / captions that are entered into picture galleries and how best to view this across all devices. My site is built using HAYDEN theme and I want to change the small white dot in the bottom right hand corner of images when using the gallery setting - partic in mobile devices. How do I change the white dot to the word "MORE" or "MORE DETAILS" to make it more obvious? Is there a piece of custom coding for this please?
  22. Hi there, Can I disable viewers 'dragging and dropping' my jpeg images onto their desktop? I have already implemented code to disable right click (below) ---> <script src="http://ajax.googleapis.com/ajax/libs/jquery /1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(function () { $(this).bind("contextmenu", function (e) { e.preventDefault(); }); }); </script> Is there code that will stop users dragging and dropping images aswell or can the above code be altered? I have seen this done on other sites that use HTML. Many thanks
  23. Is it possible to create a gallery slideshow that fades between the images, rather than just changing to the next image? It looks a bit jerky how it is currently working.
  24. im trying to override all cursors with an egg. yes you read that correctly, i want the cursor to be a tiny fried egg, please dont ask why. i used this from a previous discussion board but it didnt work: { cursor: e-resize; } or {cursor: url(images/my-cursor.png), auto;} any ideas?!??!?!?!?!??!?!?!? oh my site is maggiedrewbrennan.com in case you were curious. an egg would be perfect for it.
  25. I'm using the Bedford template and I'm trying to add text and a button that can be viewed when you hover over the images. He there is an example: http://www.devonstank.com/ -> My latest proyects Thanks!
×
×
  • Create New...