Search the Community
Showing results for tags 'gallery'.
-
7.1 > GALLERY > CUSTOM RIGHT AND LEFT ARROWS (CONTROLS)
HOHWIP posted a question in Coding and Customization
Hi @tuanphan, I have a question for you regarding creating custom “gallery right+left arrows/controls in Squarespace 7.1. 1. I would like to change/create custom gallery “controls”, for the right and left arrow in Gallery: Slideshow Reel. Do you know how I can do that? 2. I would like to replace the current arrows and use a custom .svg for right and left, example: right.svg and left.svg 3. I would like to set the size of each to 50px x 50px 4. How do I remove the transparent box around the current arrows so only the new svgs for right and left are visible (ie. Floating)? Preview details below: Thanks so much for your help! -Nicholas -
Reduce padding around slideshow gallery section
BarbaraD posted a question in Coding and Customization
Site URL: https://translegal-llc.squarespace.com/ Hi, Am having no luck writing CSS to target a section in 7.1 to reduce the space above and below this image in a gallery section (screenshot). Would love some help! Thanks, Barbara -
Site URL: https://www.vikchohan.com/ -- Gallery Slideshow Full -- i am have trouble displaying it on Desktop and Mobile... -- i have tried Landscape photos -- which works well on Desktop... -- vertical photos -- which works well on Mobile... is there a way to scale it properly to help both of my clients... Really do appreciate your time to offer solutions... Thank you in advance... Sincerely, Vik -
How to target just one slide for CSS in a gallery, Brine, 7.0?
Scully posted a question in Coding and Customization
Site URL: https://www.spaghetti75.com.au/home Hi, Can anyone help me with CSS to target just one slide at a time on the home page gallery so I can customise text colour/style? Brine template, Squarespace 7.0. Tearing my hair out, can only seem to target the text for all the slides or find yui or id's that only work until I refresh the page. The below work for the whole gallery. .Index-gallery-item-content-heading { color: #333333 !important; font-style: italic; } .Index-gallery-item-content-body { color: #333333 !important; } Thankyou so much! -
Site URL: https://www.azulstudio.co.uk/ Hello! my website is https://www.azulstudio.co.uk/ I would like to add some custom CSS to my slideshow gallery section (the WORK section). Since the only way to link the images to specific pages (each image corresponds to a different project), is by adding a button; I was wondering if there is a way to customize the button, in order to make it look like a frame around the image (see screenshot). The title and subtitle would be inside the button as well. thanks for the help!
-
Hello, Does anyone know if it will be possible to add heart icon like this to image gallery block or section? Images with like will be red (with count) and without it's outlined. Thanks!
-
Site URL: https://nalanihmelo.com Hi! We are using the masonry grid gallery section on the homepage of a photography website, and it looks great. However, we are experiencing trouble on two of the subpages — when we try to place images in the masonry grid style on these subpages, for some reason, the images are being cropped. We would like to prevent the images from cropping. These are the subpages: https://nalanihmelo.com/portraits-gallery https://nalanihmelo.com/travel The gallery sections used on these subpages are currently set to SIMPLE to avoid the strange auto-cropping. (When we switch the galleries on these pages to masonry view: Some of the portrait images, for example, are being cropped to horizontals. I've attached a screenshot of the PORTRAITS subpage to show how those images are being cropped in the Masonry view.) Again, we are using the masonry on our homepage, and the images there are not being cropped. Thank you for your help!
-
Site URL: https://casa-design-la.squarespace.com/home I'm currently working on a page that features a Gallery block with Carousel setting. By default the block looked great on desktop, but teeny tiny on mobile. I added the below code to adjust the height of the images and mobile looks much better, but now on desktop I'm seeing side overlap from the images next to what's being featured. The amount of overlap differs with each new featured image, and it's not always only on the right side. Any thoughts on how to fix? Site URL referenced, pw: casa /* Enlarge Gallery Carousel block for mobile -- turned off arrows */ .sqs-gallery-design-strip { position: relative; overflow: hidden; min-height: 500px; } -
Site URL: https://aardvark-gopher-7rsr.squarespace.com/ Hi, Is there any way to add the pinterest pin it buttons to image in a gallery? I want to use a gallery as i want the images to be laid out on the page as a masonry style rather than simple grid as they are all different sizes. Alternatively, its there a way to achieve a similar look to the masonry gallery with a different block tool that will allow me to use pinterest pin it buttons? Thanks!
-
Hello! SOS! I have an Image gallery carousel set up in a blog post and I am trying to figure out how to show the caption on hover as well add a teal overlay and if possible also make the image bigger when hovered over. This is what I have: This is what I would like it to look like:
-
Site URL: http://www.tommywallach.com Hey All, I'm looking to simply add a thin black border to every image in every gallery site-wide. I would've assumed this would be a selectable option, but it doesn't seem to be, so I assume I'm gonna have to do it with custom CSS. Anybody got some delicious code for me? 🙂 -t
-
Site URL: https://daeverettgroup.com/ I've tried every code that I've found on the forum but none seem to work. Is there a way to get this slideshow on the homepage to be full bleed under the header? I've attached a photo of what it looks like before full bleed. -
Site URL: https://www.julia-marco.com/ Hi , For the 3 last projects in my website I selected a gallery view where you click to "next / prev" images with the navigator, so you only see one image at the time. It works on the laptop view however when it displays on the mobile they display on a scroll down view one on top of each other. Is there any way I could also have them presented with the "prev/next" navigator instead of the scroll down? It makes it messy seeing all the images just piled up. Thanks
-
Site URL: https://www.azulstudio.co.uk/ hello! I was hoping someone could help me change the position of the titles in the WORK gallery slideshow (see screenshot). At the moment both the title and subtitle are under the image, but I would like the title to be place above. The subtitle can stay in its current position. my website is: https://www.azulstudio.co.uk/ thank you!
-
Site URL: https://www.chaskiagency.com/hkrs/september-18 I have a page with about 200 images and instead of using a clickthrough url to be able to right-click and download the images, I'm using the code below. It works but It won't work on mobile. Can anyone tell me how to adjust it for mobile? .gallery-lightbox-item img { pointer-events: auto; }
-
Site URL: https://www.heyleonor.com Hey every one, I have an image slideshow block on the bottom of my home page (www.heyleonor.com). I was trying to figure how could I make this block of images in the gallery slowly slide to the left. Like a rotation effect. I want to keep the arrows to manually navigate the gallery, but I would like for the gallery to scroll on it's own aswell. Is it possible with css? Thank you in advance! -
Site URL: http://www.playlistsforall.com This may be addressed elsewhere, but I have found it if it is. My SQSP-created site lists musical playlists I've created. Originally, all of my playlists were done on Spotify, but as more people have followed me as a source, I've branched out to Apple Music and YouTube Music as well. My site, however, only has my original links to my Spotify playlists. How can I do one of two things to add the other links as well? My first thought is that when a viewer clicks on the image/title of one of my lists, that would bring up a dialog popup with three buttons to choose from: Spotify, Apple, and YouTube. Depending on which button they clicked, the link to my playlist on that service would open in a new window. My second thought would be to have a popup show up when they FIRST visit my site and have them choose which music service they use... that would take them to the Spotify site, Apple site, or YouTube site with all of the proper links already embedded in the images/texts. This one I think I can do myself, but it requires essentially building three identical sites (identical with the exception of the links). Thoughts? Guidance? Thank you!!!
-
I can't seem to add a simple photo to my website. I clicked "add section", chose "images", picked a template, and when I go to "edit gallery" and click the + sign to upload a photo from my computer, they show up as grayed out thumbnails that never upload. Am I doing something totally wrong? It seems pretty straightforward, but I can't get a photo uploaded.
-
Site URL: https://www.craigkleila.com/ Hi, I added a gallery grid to display my logos on my homepage - craigkleila.com, password = "password". However, I don't see an option to add space on either side of the gallery so it's taking up the whole width of the page. Does anyone know how I can add padding to either side of my gallery grid? I've tried using this code, which works, but it also impacts other galleries on the site. .user-items-list { padding-left: 10vw; padding-right: 10vw; }
-
Site URL: https://www.at17c.com/playground Hi! I have created a blog site using images and text in fluid engine. I can't seem to center align this specific configuration - how would I go on about doing that? TIA
-
Site URL: https://www.photojournalism.org/home-1 Hello. The password for the page is "circle." This is a hidden page I'm building on an existing site; the page will go live Saturday. You'll see there are two galleries stacked; the top is the new one that I'm having trouble with, and the bottom is the old one I'll be deleting (I copied an existing page). I just kept the second gallery up so you could see the difference. I'm having some trouble with captions. Image metadata importing is enabled for my site. In my gallery block (simple gallery), I have captions enabled. I have IPTC data embedded in photos, but when I upload them, the captions don't seem to be coming with them. They're not showing up either in the image description or in the caption field of the gallery. If I manually type in the image description field, it will show up (you might see the word "test" under the first image in the gallery), so it's clear it's the import that's the issue. I've successfully done this many times, and just can't figure out what's going on. I searched in the forum and saw a similar questions posed last spring, and a rep responded they were looking into it. Really hoping it's been resolved by now. Any thoughts/help/insight/advice? Thanks very much.
-
Site URL: https://www.901jets.com/901jetsourteam I need to disable the images in the gallery from taking site visitors to another page. I just want them to hover over the picture and see the text without being able to click on any of the images or leave this page without going back up to the main menus at the top or bottom. The gallery images are just for show but I don't know how to disable the link. Any and all help would be greatly appreciated. The SquareSpace representative said it would be possible with a little code, but that is outside my lane. Thank you!
-
I’m trying to migrate from Wordpress to Squarespace and mimic my current site layout… Is it possible for a single column Gallery to be on the left, and have a text block to the right of the gallery? This is the layout I am trying to mimic: https://www.photogerson.com/portfolio/gemma-james-como-the-treasury/ It seems like a Gallery has to be full width in a Section? * I am trying to add a Gallery to a Portfolio page, so I can retain my current URL structure
-
I am using a simple gallery grid that has 3 images per row on desktop, but I would like to have them stacked on mobile (one image per row). They are too small to be shown next to each other on mobile. If I change the settings on the mobile version, it affects the desktop design as well. Is it possible to have different layouts on desktop vs mobile? -
Adding text to a fullscreen slideshow on Ver 7.1
hdossary posted a question in Coding and Customization
Hi, I am using Squarespace version 7.1. I want to create a slideshow of full bleed images with the SAME headlines / text but the image changes in the background. At the moment I can only either add: A "headline" section with full bleed image and text on top or A "gallery" section with a slideshow of full bleed images without text. Is there a workaround for this? If not I would like to downgrade from version 7.1 and use an existing template that gives me the option to do this. Website is middl.io and password is staging only ThanksHannah
