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

Search the Community

Showing results for tags 'arrows'.



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 Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • 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


Badges


Expert ID

Found 24 results

  1. Site URL: https://rafida.org Hey, I've added code (see below) to customise the arrows for the summary carousel block. Prior to the code, the arrows would disappear if there was no additional content to show other than what you see at first glance. After adding the code, the arrows show up all the time. Is there any way to adjust the code to make the arrows not show up unless there are more items to show? An example of where we would need this would be the 'OUR PROJECTS' section on our home page: Site access:https://rafida.orgpass: lastphasetesting3 Kind regards /*Change summary arrows style*/ .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: right; position: relative; top: auto; left: -15px; right: 15px; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; color: inherit !important; font-size: 16px; line-height: 16px; cursor: pointer; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E003"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 50px; width: 30px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E000"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 50px; width: 16px; height: 32px; line-height: 32px; } .summary-carousel-pager .previous { position: absolute !important; left: 18px !important; right: inherit !important; }
  2. Site URL: https://pointedleafpress.com/order I'm trying to increase and bold the arrows in the carousel summary block in the Avenue template. I found a few css but none of them work. They are pieces from big changes in the summary block. I put them in, you see them, and then when the page refreshes they disappear.
  3. Site URL: http://www.intotheblackpines.com When in a product page on desktop view, the only way to navigate through the product photos is to actually click on them under the main photo. But in Mobile, you just swipe sideways on the image to navigate through the photos. I remember there was arrows to the side of the photo and the (1/5) to the top right of the photo when in desktop view, so that you could click on the arrow and navigate through the photos, but now they're not there. Also , in mobile, the (1/5) does appear, but it appears in white and some of my products have a white background so you can't see the numbers at all, I will also need help changing that to black or even a gray. Thank you in advance everyone! password to the site is jogajh89
  4. Hi everyone, I have a small gallery with the arrows to change to the next slide on the side of the pictures (quite standard). I am trying to find a way to enable navigation through the gallery by pressing left and right arrow keys, but can't figure it out. Is there any way to do this? Also would be nice if it is also possible to change the image by pressing anywhere on the left/right side of it (instead of having to hit the very small arrows). Any advice on this would be also appreciated. Thanks!
  5. Site URL: https://www.hollygrows.co.uk Hi, I'd like these arrows to be either side of the photos rather than in the top corner. Any ideas? Template is crosby. Password is hollygrows. Thanks
  6. Site URL: https://uprisefinancial.com.au I have been trying to move my arrows on the carousel to either side of the testimonial. I tried using the code from this site: https://thirtyeightvisuals.com/blog/custom-arrows-testimonial-carousel-squarespace But my float: left isn't working Can you please help? Many thanks
  7. Site URL: https://www.pushplusminus.com/pinhole I have a site with photographs. The gallery type is "slideshow: simple" and the controls location is "side". The arrows are too small and have been missed by site visitors. I have no experience with CSS. I have tried a few suggestions I found on this forum and on the internet, placing the code in Home>Design>Custom CSS and none of them have worked. All I want to do is to increase the size of the side arrows. Can anyone help me in this? Thank you.
  8. 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
  9. Site URL: https://star-fox-slbe.squarespace.com/portfolio/aesop-store-openings Hi there, Would anyone know what css to use to create a clickthrough gallery in slideshow? At the moment there are arrows but i'd prefer to have it so you just click on the right side for 'next' and left side for 'previous'. Thanks in advance,
  10. Site URL: http://macyphan.com Hello! I have been trying to figure this out for weeks. I want to change the standard reel slideshow gallery arrows that look like this --> <-- (as seen on homepage of my website) into controls that look like this < > (I attached an image of what I mean) I hope that makes sense! I would be so grateful if someone could help me out!!
  11. Hi, is there a way to have both arrows and bullets for the fullscreen carousel on 7.1?
  12. Site URL: https://round-elk-nb8h.squarespace.com Hello, I'd like to have a testimonials block on the homepage, which I'm building as a blog summary carousel with arrows on either side. However, I can't get the arrows to display on either desktop or mobile. Do you have any idea what might be the issue there? https://round-elk-nb8h.squarespace.com pass: kinesis Thanks in advance for any help.
  13. Site URL: https://www.flexpenser.com/ Hi I am a beginner. I need a css code to change the arrow size in simple slide show. currently, it is hardly visible.
  14. Site URL: https://sawfish-reed-w87p.squarespace.com/ Hi, I'm new to CSS, trying to customise the arrows that link between blogs. I've managed to find the labels for both arrows but currently struggling to isolate the left and right / previous and next separately. My current custom CSS is: .item-pagination-link .item-pagination-icon { content: url('https://sawfish-reed-w87p.squarespace.com/s/NB-ICON_NoBorders_icon-WHITE.svg') !important; width: 32px; height: 36px; } This changes both arrows to the same image. Do you know how I change the individual icons? I'm also trying to change the gallery navigation icons so that when you hover over the icons, the opacity changes from 0.5 to 1. Thanks
  15. hey, was wondering if anyone knew how to make the navigation arrows at the bottom of the page smaller using the hawley template? it's far too big and would like it to be the same size as the navigation arrows for the slideshow. i cant seem to edit it and it's not in the footer or main page section, it kinda floats in between. thank you 🙂
  16. Hey there – wondering if there is a way to have arrows AND dots appear on my Fullscreen Slideshow. Site: https://tarantula-calliope-fl4m.squarespace.com/ Pass: squarespace
  17. Site URL: https://clementine-sunflower-4f33.squarespace.com/ Hello Squarespace Forum! I would really appreciate if someone could please help me make the arrows on my slideshow gallery bigger. At the moment they are quite small and not very obvious. I've tried the CSS from a couple of blogs that I have read but it doesn't seem to make any difference. I'm not sure if this CSS that I have used for the descriptions on the gallery are interfering with the code? I used the CSS from this article and put the Javascript into a Markdown block in the footer: The site is using version 7.1. Thanks! Amelia
  18. Newbie to Squarespace and Custom CSS so hopefully someone can help me out. I’m using the Wells template and I’m not a fan of the arrows (next and previous) over top of the image. I came across this custom css which is suppose to have “next/previous” at the bottom left of the image and it “works” when I’m in the Design>Custom CSS menu but disappears with the template arrows re-appearing once I move around my site and re-appears once I re-enter the Custom CSS menu. Any help would be greatly appreciated? .sqs-gallery-controls { background-color: white; padding-top: 25px } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: transparent; margin-top: 0; padding: 0 !important; line-height: inherit; position: static; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: transparent; } .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before { color: #2E2E2E; width: inherit; font-size: 10px; font-family: inherit; } .sqs-gallery-controls .previous::before { content: "PREV"; } .sqs-gallery-controls .next::before { content: "NEXT"; } .previous::after { content: "/"; color: #2E2E2E; margin-left: 5px }
  19. Site URL: https://www.8foot3.co.uk/#/packaging-design/ Hey! Does anyone know how to change the arrows on the flatiron template - ideally would like to update both sets of arrows shown in the image below so they don't boxes - possible CSS code?
  20. Site URL: https://smilodon-ocelot-my5f.squarespace.com/store/lostamerica/picnicstands Hi, How do I make these arrows smaller?...
  21. Site URL: http://nevertrustatomato.com How do I remove the arrow to the right of "Sri Lanka" and "Washington DC" and the bottom of my home page?
  22. I'm trying to create/add a scroll down arrow to bottom of my first content block on the sites landing page to draw people to scroll down. I've purchased a scroll arrow through SquareStudio but the code doesn't appear to be working when placed into the Header Code Injection area. The template of the site is Hester. Any help would be great, thanks!
  23. Site URL: http://https/matchlight.co I'm trying to add a scroll down arrow to the bottom of my first content block on the sites landing page to draw people to scroll down. Anyone know how to do this clean and simple? I'm not great with code so the less we do the better. Thanks!
  24. Site URL: https://finch-tan-bd4p.squarespace.com/ Hi, Website I'm working on: https://finch-tan-bd4p.squarespace.com/ Password: serene I managed to have the arrows for a summary carousel to be on either side at the top. But I would like it to be on the side of the words instead of the top, without it overlapping the text. I've attached photos of what I wish to achieve. this is the code I achieved the arrows being on their side at the top: But this is what currently happens when I put it a bit lower: This is what it currently looks like:
×
×
  • Create New...