Search the Community
Showing results for tags 'carousel'.
-
How to change default button type of a carousel list card?
bkaren posted a question in Coding and Customization
Hi there! I'm trying to change the default button type of a carousel list card. By default it calls a primary button (shown in image as black solid rectangular buttons). I'd like to change them to the tertiary style button, which would look so much lighter visually. Is it possible to do this with css? FYI the button below (“Explore the blog”) is my secondary style button and I can change it easily from the global settings of that carousel section. Thanks! -
Site URL: https://www.azulstudio.co.uk/ Site URL: https://www.azulstudio.co.uk/ Hello! my website is https://www.azulstudio.co.uk/ I need help with my slideshow gallery section (the WORK section) so the button becomes a sort of frame around the project image (see screenshot). Also, I would like the title to be placed on top of the image, and the description below (while remaining inside the frame). This way it will feel like you are clicking on the image but instead you are clicking on the button. If this is not possible, could the image have a link to its specific project (page)? thanks for the help!
-
Site URL: https://sponge-ocelot-s7xk.squarespace.com/artists/hoel-duret How can I add title and image descriptions to the gallery carousel? Password: Seagate89 -
Carousel with different backgrounds colors?
Herman-Scheer posted a question in Coding and Customization
Site URL: https://bronze-drum-d4gw.squarespace.com Hi there! I currently have a Carousel (2nd section from top) that is created using cards. Is it possible for the color of the card or section background to change with each content? Basically if I tap the arrow, can the whole background color change? I want to use different colors for each product "flavor". Site password is "hello" Thank you in advance! -
Site URL: https://www.snackclothing.co.nz/shop/p/bu9si3idmzww84hwbc1n65rr5eaceh Hello! I have looked all over the internet for a way to remove the background from the arrows on my product page carousel with no luck! (Squarespace 7.1) -
Site URL: https://www.vaseconstruction.com Hi! I just want to ask if anyone has a CSS code to turn the carousel summary block into stacked mode when viewed on mobile? Summary block looks fine on desktop view: But when switched to mobile it starts with a blank white area, and then slides into 4 thumbnails. Ideally, we wanted this stacked so it looks nice on a small screen. Thanks to anyone who can 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://www.cps.scot Hello everyone, I wondered if anyone could help. I have introduced some carousels to to our homepage so that we can display the latest news and I am finding that the when we hit the arrow to display the next five articles the first article cuts off slightly and as we move through the series of reels the cut deepens. I believe this is because of the translateX property moving from 0% to -101% then -202% and so on. So my question is, can we change the translateX property? Any insight would be incredible and I thank you in advance. The Web address is https://www.cps.scot
-
How to make Carousel displaying only 1 item on mobile only?
dadaism posted a question in Coding and Customization
Site URL: https://www.dadaism.io/home#toppick Hi there, I'm new to the community, I couldn't find the answer to my problem so I'm seeking help here. I'm trying to make the "Our Topic Pick" carousel to display only 1 item when the screen is resized to mobile, but keep 3 items when it's not. Right now when I switch to mobile, it display 2 items, which is not the result I want.. Does anyone know how to solve this? Thanks in advance. Adam -
Add a second image above the button on a carousel card
Sang posted a question in Coding and Customization
Site URL: https://cat-olive-669a.squarespace.com/ On the home page I have a Slideshow gallery with carousel cards. Can I add a logo above or below each button? The logos will be different for each card. -
How to make image in carousel larger on mobile
Craig456 posted a question in Coding and Customization
Site URL: https://www.craigkleila.com/our-services Password is "password". On my services page, the logos in the carousel in the "see what others are saying" section is far too small on mobile. How can I make it bigger? -
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://www.azulstudio.co.uk/ hello! I need help with the following topic: At the moment I am displaying the projects in my website in a blank page section, however I would like to have them on a carousel to avoid the scrolling. my question is, is it easier to use some CSS coding the turn the gallery into a carousel, or is it better to custom the slideshow gallery section (so the title is on top of the image, linking images to specific pages, transparent button etc etc). There are some elements from the carousel original template that I dislike, such as the limitations when it comes to design; so I wonder if there is a way to turn the blank page into a carousel to keep my design layout. thanks for the help!
-
Site URL: https://www.craigkleila.com/ Password to site is "password" In the "See what others are saying" section on my services page, I want the carousel cards to have the same left/right spacing as the "Pick an SEO model that works best for you" section. Right now, it spans too much of the page. How can I reduce the width of this carousel?
-
Changing Testimonial Carousel Arrows to Custom Image
zoearseneau posted a question in Coding and Customization
Site URL: https://triceratops-snail-f7rs.squarespace.com/ Hi! I'm trying to change the arrows on my testimonial carousel to a png image. I'll attach images of the arrows I want to use! Currently using Fluid Engine editor. Help! 🙂 Password for my website is letmein -
Hi, I am trying to add an arrow that goes either left or right - not for images, but for write ups on ingredients. Instead of writing and making the page longer, I wanted to be able to just scroll right by pressing the arrow. Does anyone know how to do this?
-
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
-
Site URL: https://www.vijzbespokes.com/lifestyle Hi, For this page only, I would like to have the same carousel spacing (width and height) on the web version as the pc version. I want them to look similar, so the height and width of the items in the carousel should be way smaller in the mobile version. Is there a way to make sure this is possible with custom css in 7.1? -
Site URL: https://loveyourmelanin.com/ Hello! I am having trouble getting my carousel arrows to work on mobile. The arrows work fine upon first loading the website, and then when you press back to access the rest of the carousel, the arrows will NOT WORK. Have tried everything, what can I do??!!
-
How can I customize the arrows on the summary carousel?
majastosic posted a question in Coding and Customization
How can I replace the arrows on the summary carousel block to be like on the attached image and place them below the carousel? -
Carousel Auto-Layout Customizing Text Container in Mobile
crstph posted a question in Coding and Customization
Site URL: https://plum-trout-c8tl.squarespace.com/ Heyo, I am using Auto-Layout to display some work. But the Text is blocking the image on Mobile. I am trying to move the text container to the bottom of the picture. Currently the text is in the middle and blocking the view. I have already "removed" the arrows on the bottom by making them transparent. Now I want the text to be where the arrows have been. Site URL: https://plum-trout-c8tl.squarespace.com/ Currently: How I would like to have it (example): Would be very happy for any kind of help! Thanks in advance! -
Site URL: https://www.damianbailey.com/ Hi Is it possible to have a carousel of images with accompanying text automatically scrolling on my homepage. Ideally i would want these as full bleed background images. Is this possible? From what I can see, it isn't, but I'm wondering if there's a workaround. thanks Damian
-
Site URL: http://www.whitetaildesignco.ca Hello everyone, First time poster here.... I'm trying to upload a custom chevron in my brand for my site. Is there a way I can create a png, and then add it to the custom css so I can have a more branded site? I don't speak code, but I'm slowly starting to understand the basics... like, super basic.... custom font is as far as I've got basic....
-
Site URL: https://hadley-seymore.squarespace.com Hi! I'm trying to change the arrows in the carousels on my site. I want them to be plain arrows without the circle background. On the homepage above (password: behold4) you can see the testimonials carousel...I want the arrows to be plain white and without a background. I tried to find the solution in the forums before but none of the code I tried worked. I want all the arrows on all carousels to be plain without the circle background...color of the arrow modified by the background color scheme of the section. Thank you!
-
Hello everyone! I have created a banner slideshow on my home screen to show visitors different features available to them when they download my mobile product. The tricky bit, I am trying to make the content>title text a different color on each slide. There doesn't appear to be a feature that allows me to have multiple text colors in a banner slideshow. My workaround was to publish images with the different color text but those get cut off for mobile. Thanks so much for any help you can provide!
