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

Search the Community

Showing results for tags 'slideshow-gallery'.



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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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 172 results

  1. Site URL: https://sdbrosconsulting.com Hey, I was looking to add a border to the thumbnail of the active picture of a gallery for a client. I did not found much online so I came up with this code but it only adds a border to the top of the active thumbnail. When trying to add the border to the entire thumbnail (using border: instead of border-top:, the bottom border was not visible, neither when using border-bottom:). I'm think it actually looks better with the border on top only but if anyone knows how to have the border all-over please share! . sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacity:0.5; } //Changes opacity of thumbnails not selected .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-active-slide { opacity:1; border-top: 1px solid #000; ; } //Changes opacity of selected/active thumbnail and sets a border on top of it
  2. Site URL: https://chrysalis-seal-w5b5.squarespace.com/ I'm building a site for a client. They really like how the reel style slide show looks so I'd like to be able to link each image with a specific portfolio page. My problem is, I'd like to be able to have the title (see here: https://share.getcloudapp.com/Apur1xd0) display on the image so the user knows the name of the portfolio it's bringing them to. It looks like the title is showing up as an alt tag in the code. Does anyone know of code that would display an alt tag on an image? I've seen some examples with javascript but I have no idea how to incorporate that into this particular template.
  3. Would anyone happen to know any codes I can use to add a carousel slideshow gallery at the top of the home page for the Five template? I love the overall look/feel of the Five template but noticed that it doesn't have a default option to allow for a home page image slider. Thank you.
  4. Site URL: https://oriole-triceratops-mkrb.squarespace.com/ I am trying to add hover effect on images in slideshow(gallery). When I hover over the images in slideshow I want it to become gray colour like in the screenshot attached but I am not able to do this with the slideshow images. Is there any way It can be done? Any help would be appreciated
  5. Site URL: http://www.mocoia.com Hello ! I have created a slideshow gallery home page for my website but i am disappointed that the default "caption" / "button title" is set on BODY style. I wish it could be set on HEADER 1 (like the rest of my navigation menus). Is there anyway to do that ? Also, how can i make the title backdrop, which is currently a low opacity black rectangle, a lot darker and if possible in another color ? I find it isn't strong enough and am disappointed i can't use the default SMALL BUTTON style set up on the rest of the website. Thank you in advance for your help !
  6. I was able to get meta data for my slideshow images - the title and description - to display on mobile devices by using this code (thanks to a fellow forum member for this): @media screen and (max-width:768px) { .sqs-gallery-block-slideshow .meta { display: block !important; overflow: hidden !important; /* i added this to keep the text within the contraints of the container */ max-width: none !important; height: auto !important; width: auto !important; min-width: 50%; white-space: normal !important; } .meta-title { font-size: 20px !Important; } .meta-description * { font-size: 10px !important; } .sqs-gallery-meta-container { display: none; } } But I'm running into an issue with the bounding box spilling outside of the image container or the container block. I'm not exactly sure. I would like to contain the text within the image (even expanding the image size). Or cause the text to overflow into ellipsis. I tried using text-overflow: ellipsis to no effect. Maybe I'm using it wrong? Thanks,
  7. Site URL: https://www.annafinocchiaro.com/event/dg570j6o0okxgjtglesujmvpfbk0ls Anyone have code to change cursor options in slideshow gallery for Beaumont template? I've attached a screenshot of my site (Anna Finocchiaro) with the unwanted cursors and another screenshot of an example of what I'm looking for.
  8. Site URL: https://cobalt-armadillo-7fdj.squarespace.com/ Hey all, I recently realized that the gallery slideshow in 7.1 does not work as expected anymore. As I remember, arrows of the gallery section (indicating the privious or next picture) suppose to be vertically-centered within the gallery section (no matther how high a picture is). Furthermore, in case bullet points are in use (instead of arrows), those bullet points are not even shown in most full-screen resultions anymore. Url: https://cobalt-armadillo-7fdj.squarespace.com/ Passwort: testgallery Anybody experiencing the same behavior? Cheers
  9. Site URL: http://www.iggyrabinovich.com/ Hello, I'm using the Miller template. My index page is an automatic slideshow gallery, and each image has a fixed height. On desktop, the images look perfect, but they cut off strangely in mobile view. Is there any way to change the aspect ratio on mobile without changing the way it is on desktop, or is there a way for me to change how the images get cut off on mobile? Thanks!
  10. Site URL: https://www.welcometowinona.com/buy-the-book I would like to make a page similar to the one on the Winona website with text on one side and a gallery on the other side. Do anyone know how to do it? I have not found a layout where you can put a gallery next to text. I want the images to slideshow. This was very easy in version 7.0, but galleries in 7.1 seems to be limited. I tried using a summary, but it only took products. Thank you so much if you can help.
  11. Site URL: https://jensegger.com I'm using the Margot template. I've created a slideshow block using an existing gallery of photos. Each photo allows for a title and descriptive text. I've added this to each image which on desktop and tablet, displays the image with the text overlaid. On mobile, the text is not visible. I've snooped around the settings but don't see any configs for adapting this. Does anyone have any suggestions? I dug around a little bit in the browsers developer console trying to find some obstructing code but have yet to find what I need. Thanks,
  12. I have an Ishimoto carousel gallery as my home page. Is there a way to add a text block above or below this? I haven't figured out how (other than in the footer) and would like to add a little explanatory text so the visitor has some idea what they are looking at. Thanks!
  13. I'm noticing for the Forte template that the slideshow arrow (either the left or the right) remain visible while the slideshow is playing, even if the cursor is closer to the center... It only seems to disappear ONLY if u just enter the page & don't move ur mouse (and also that it's position is not near the left or right arrow)... In Mac, when refreshing the page & then not moving the mouse whatsoever (the cursor will be a black arrow), the slideshow arrows disappear, only to show just the visuals of the photos... If u nudge ur mouse even a little (which turns the cursor from a black arrow to a white glove/hand) then the arrows never go away, unless u refresh again... Anybody find a work-around for this? Also, is it possible to change the style of the arrows? I'd much rather a white-fill arrow with not box containing it. Thanks
  14. Site URL: http://www.maisonc.com/ Hello, I'm trying to figure out what code I should apply in order to have the gallery slideshow present on the Wells template on web, happen on mobile as well. Basically I don't want the images to be stacked on top of one another on mobile. How can I fix? Thank you so much!
  15. Dear Forums, So, I have a web using Wells template. And I made a homepage using Gallery in Not Linked navigation, so it won't appears on sidebar navigation. With this gallery I wanted to make it automatic slide transition, thumbnail & control buttons on a bottom-left sidebar, without using any blocks. I already set "Homepage Gallery View: Slideshow" on Site & Styles menu. For example that I wanted to achive would be like this : https://www.muhammadfadli.com/ and this is my current web https://nyimaslaula.squarespace.com/ Hope somebody knows how to fix it. Thanks,
  16. Hi, I'm really desperate for some help with a problem issue I need to solve to finish my site. I've tried scouring forums but can't find a solution anywhere. I've got a slideshow gallery on the home page, but on smaller screens such as mobiles or ipads, the gallery images are cut-off so only the centre of the image appears. I would like the images to shrink to fit the frame, so at least most of the image appears. I'm open to the design of the gallery (full-bleed etc), as long as most of the image appears on all screen sizes. If anyone is able to suggest some code or another solution I'd be hugely appreciative! The site is: https://platinum-orange-8f4p.squarespace.com/, password: web1234 Thanks a lot, Anna
  17. I'm using the Brine template on Squarespace 7.0. I got the title and description of the slideshow gallery images to display via the slideshow design options but I'd also like to display the location metadata. I'm assuming this has to be done by inserting some custom CSS. Does anybody have any idea what that CSS should look like? For reference, I've already modified the appearance of the title and description display using the following CSS but I don't know how to turn on the display of the metadata and I don't know the class to be able to modify its appearance. Ideally I'd like it to display right after the description just like the description displays after the title. .sqs-gallery-block-slideshow .meta { background: none; max-width: 100% !important; height: 100% !important; } .sqs-gallery-block-slideshow .meta .meta-title { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 100%; white-space: normal; color: #000000; font-family: futura-pt; font-weight: bold; font-size: 30px; letter-spacing: 0.01em; line-height: 1.4em; } .sqs-gallery-block-slideshow .meta .meta-description p{ color: #000000; font-family: futura-pt; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; line-height: 1.4em; }
  18. Hi Squarespacers! Newbie here! Is it possible to have a slideshow gallery with the INSET feature as the other content/galleries? When viewing the site on a big monitor, the Slideshow gallery (with bullets/dots navigator) extends to full or bleed full, but the option for Inset is just not available as it is in Gallery Grid Masonry for example. You can my site here: https://celery-salamander-ltrl.squarespace.com/ pass: Barcelona Thanks in advance for your help!
  19. Hi, I've got a slideshow gallery on my homepage, but on a mobile the images appear cropped and do not adjust to fit within the size of the screen. Any ideas of how to fix this? The website is: https://platinum-orange-8f4p.squarespace.com/, password: 1234 Thanks, Anna
  20. Hi everyone: I want to change the location of the Image's Title and Description, but do not know how. Here is the current location of the Image's Description (see image below): I do not want the description text "historic interior image" overlaying on the image. How can I move the description text "historic interior image" under the image? Anyone can help? I appreciate it.
  21. I'm using the Brine template and my homepage is an index page with the first part of the body being a gallery page in slideshow format. I'd like the slideshow to be in a random order every time somebody visits the page. I have gallery blocks on other pages that I don't want to end up randomized. I found this plugin offered by SQSP Themes that says it can randomize the image order in gallery and summary blocks but I don't think it's applicable for me since I would like it applied to a gallery page and not a gallery block. I've reached out to them for confirmation on that. Anybody have any ideas on how I can achieve this?
  22. how can i control text sizes for index gallery slideshowin brine template.. the text is still to big on mobile. i have to adjust manually!
  23. Hey I was wondering if anyone could help me target this in a custom css edit, "<div class="image-slide-title" id="yui_3_17_2_1_1578678346736_3907">Words</div>" More Specifically, I'm trying to change the font for 'image slide title' to something other than the default body font on the page. I haven't coded in a long time and i'm a bit out of my element. Can anyone help me make a css injection? Thanks !
  24. Hi is there any tweak to make images in a slideshow to open in a lightbox at click? The option is only available on the grid layout on my template (VOW)
  25. Does anyone know how to turn a single image Lightbox from an image on a gallery block into a Lightbox Slideshow of all the photos on the gallery
×
×
  • Create New...