Search the Community
Showing results for tags 'carousel'.
-
Site URL: https://shop.jonathan-gallagher.com I have a gallery carousel, Brine, and would like to have more control over the design of the navigation arrows. I'd like to move them, possible split them in two, one on the left, one one on the right. Change their thickness etc. I think it's this elements: .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager but can't seem to figure out how to make changes to it pw:jonjonjon
-
Customise style of carousel arrows in 7.0 (Brine)
holahannah posted a question in Coding and Customization
Site URL: https://www.symmetrie.com.au/home-brine Hello, I'm trying to customise the style of the previous / next arrows on a summary carousel in SS 7.0. Attached is a screenshot of the style I'm trying to achieve - a longer arrow, with pagination (showing the slide numbers) in the middle of the previous / next arrows. Is this possible in Squarespace? Can anyone give me pointers on how to do this? You can see where I've got to so far on the site preview here: https://www.symmetrie.com.au/home-brine Thanks 🙂 -
Hi, is there any way I can replace the left / right arrows of my carousel to a set of buttons (similar to the photo attached), on both browser and mobile? (Squarespace 7.1.)
- 2 replies
-
- custom-css
- gallery
-
(and 1 more)
Tagged with:
-
Site URL: https://elizavolk-healingarts.squarespace.com Hello there, I'm having a hard time to find a code to resize the carousel Title "Work with me" on the homepage. Looks like on media screen it is integrated as a body and not as a title. (I tried to resize the body in that section but the text below also got bigger). See the attachment files to see what I mean 😉 Any idea of custom css or code injection ? Thank you so much!
-
Site URL: https://calidumpling.com/ Hi, trying to fix this testimonial portion on the home page for mobile. The media is supposed to be an image of 5 stars but when I resized it for mobile, it's not centered. Can anyone help with this? Thanks!
-
Adding text overlay to carousel banner on SquareSpace 7.0
claudiatinn posted a question in Coding and Customization
Site URL: https://www.creativeinteriors-online.co.uk/ Hi guys, I hope you can help me. How can I add text overlay on top of each of the three carousel images you see on the Homepage of https://www.creativeinteriors-online.co.uk/ website? Your help would be greatly appreciated please. Many thanks Claudia- 2 replies
-
- css
- custom-css
-
(and 3 more)
Tagged with:
-
Summary Carousel Formatting Issue w/ Arrows
Melbaspence posted a question in Coding and Customization
Site URL: https://vuvuzela-pug-95je.squarespace.com/config/pages URL - https://vuvuzela-pug-95je.squarespace.com/config/pages (PW: flowerZ612) Hi, I am using Summary blocks in carousel and pulling in products from Shop. There is an inconsistency in the formatting. For some, the arrows that operate the carousel are falling off the page. The design is completely the same, the only difference is the product that’s being pulled in. See attached screen grabs for reference. The “normal” carousel is yellow. The one with the arrow off the screen is purple (frame 1 - what it looks like on the screen, where you can’t see the arrow, and frame 2 - when I scroll off screen to the right to show the arrow). The same issue is happening on this page as well - https://vuvuzela-pug-95je.squarespace.com/config/pages I’ve been trying to troubleshoot on my own for a while, but I can’t figure it out. Can someone pls look into this for me? Thank you so much! -
Resize carousel gallery on mobile. (7.0)
lulu.lindberg posted a question in Coding and Customization
Site URL: https://www.kelseynaef.com/services On mobile, the gallery carousels are tiny, i'd like to increase the height and lose the padding on mobile, so you can better see the photos. (Stuck using 7.0 until the plan expires) Thanks in advance! -
Site URL: https://parakeet-tangerine-l2s4.squarespace.com/?password=demo Im trying to create a carousel like this from the blog post carousel feature.... How do I recreate the structure of this carousel.... and How do I access the actual content in the blog. (I am a developer new to squarespace)
-
Carousel list height: How to fix them all same height
Kao posted a question in Coding and Customization
Site URL: https://www.tiuchie-inc.com/ Hi There, I want to make my carousel list on same height for any volume of the text or with/without button. Is there any CSS setting? password: 0000 -
How to make carousel titles bigger on mobile
Bake_Your_Noodle posted a question in Coding and Customization
Site URL: https://energeniesolutions.squarespace.com/config/ The carousel titles appear too small on mobile, what CSS do I need to make them bigger please? -
Site URL: https://oriole-watermelon-57s3.squarespace.com/plus-plus-plus Hello, I'd like to make the images on the carousel a clickable link. Is there a way to do that? I can't seem to find the option to. Help will be appreciated, thank you! https://oriole-watermelon-57s3.squarespace.com/plus-plus-plus
-
Hi there, I'm curious as to how I would go about creating clickthrough URL's on the individual cards I created in Figma. I'm utilizing an image content section that is designed as a carousel and I uploaded hard designed/flattened "cards" as images in the carousel. I want to make each card it's own clickthrough link to that companies website. I have the option of creating buttons as clickthrough's that live beneath the cards, but I want the clickthrough to live directly on the individual card/image components themselves. Anyone have an idea on how to do this? (I'm proficient in coding so feel free to drop some ideas when it comes to DOM manipulation).
-
Site URL: https://mustard-sawfish-krrm.squarespace.com/config/design/custom-css How can I change the title font ('Our Story') on a carousel/list item? Thanks!
-
Site URL: https://www.lovefrombath.com/ Hi, I want my mobile carousel view to be the same as the desktop carousel view (landscape not portrait/cropped) but I can't seem to find the right code to do this. I have used some code to remove the header and footer so I don't know if that's effecting me being able to change this or not. Site - https://www.lovefrombath.com/ Would anyone be able to help me solve this please? Thank you
-
Hi everyone, Is there a way to get a gallery carousel to transition smoothly instead of the current start-stop movement? Thanks in advance!
-
Hello there - is it possible to add a product block that is in a carousel format? I know how to add a single product block to a product page, but I have multiple accessories I sell with the (main) product and would like to display them all underneath the (main) product. Currently, I can only display one and the page becomes very long if I have to add multiple product blocks for each accessory that goes with the (main) product. Essentially, I want to create a carousel instead so that customers can swipe instead. Alternatively, I found this carousel for "related products" on a Shopify website. Is it possible to do something this? I don't want to use a summary block because there is no "add to cart" button, but only "quick view" which forces the user to leave the page. Let me know if you have any questions and thanks for your help.
-
Site URL: https://www.the-consultancycollective.com/tincture-case-study Hi! So I have three image blocks that sit in a row on desktop and which stack on mobile. Is there a way to turn these images into a carousel on mobile only? Any thoughts appreciated!
-
Site URL: http://www.theway.co.nz/about/ Looking for help to embed a video into my infinite scroll carousel in Squarespace 7.1. I currently just have a link, but I would like to embed the video into the carousel. See image below for what I'd like it to look like. Thanks!
-
Site URL: https://www.bloomvirtualstudio.com/ Hello! I used this code from another forum post @media screen and (max-width:767px) { .homepage { .sqs-gallery-design-strip { overflow: visible; height: 200%; } } } However on the mobile view a block underneath cuts off this carousel. Can someone tell me a code to fix this? Thank you
-
Hi there, I’m building a new 7.1 website and would like to add a summary block that does not stack and that allows for swiping when in mobile. I’d prefer not to have arrows, but rather the first image and some of the next one so that the viewer knows to swipe left and right. As an example, this page on the Nike site does the exact thing I’m looking for…. https://www.nike.com/ntc-app The equinox site also has this. (I’ve included a video of the site with the functionality I’m looking for)… Is there a plug-in or some css code that I can add to make this a possibility for my site? Thanks in advance, JP FullSizeRender.mov
-
Hello, I'd like to know if instead of having only one image as a background of text, it is possible to have rotating images (a slideshow). I looked at slideshows but I dont see how I can add text to them. Many thanks
-
Attached is an image of mobile version of the website, portrait mode. For some weird reason, the navigation arrows, which is a great que for user to swipe left and right, are all the way on the bottom of the page where they are not visible. Any chance I could move those arrows, in this specific site mode, to the middle of the carousel?
-
Scrolling image gallery on only HALF the page?
kaydotjpg posted a question in Coding and Customization
Site URL: https://tulip-tiger-l3hf.squarespace.com/ password: brineintopedro This may be a long shot, but i am trying to add an image gallery (carousel style) to only half the page, while a text block will be next to it. I know you can only insert an image gallery as a section, and sections can not be moved to fit besides things. But is there any way around it? I've include a picture of what I am trying to accomplish. *Also, you will notice my best attempt on my recreation site was to add a summary block next to text, but for lots of reason, the summary block is not a good option for what I am trying to achieve.- 4 replies
-
- gallery-block
- images
-
(and 1 more)
Tagged with:
-
Site URL: http://www.unionparlor.com Hello! I'm not sure what I'm doing wrong with the css for adding a border around the the entire image within the carousel. The top, right/left work just fine but the bottom border doesn't show up. Additionally, is there any way to make this carousel block span the entire width of the website? www.unionparlor.com pass= hair Thanks homies!!!!