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

scipioni_central

Member
  • Content Count

    13
  • Joined

  • Last visited

Everything posted by scipioni_central

  1. RIght, I was actually trying to create an autoscrolling carousel from a gallery, but when I do that, the images are flush up against one another, and I can't find anyone who knows how to add padding to the images in the carousel... along with the autoscroll. Any suggestions?
  2. Yes, that is what I am using now because I can't figure out how to get the padding on the carousel and it looks really bad. The screenshot I posted was the way it looks when I try to use a carousel. I am using a slide show because i can't get the carousel to behave the way I want it to. Can you provide the code for the padding? As I said, I have added code for the autoscroll, but now I need it for the padding. This is what I have right now: <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); for( i = 0; i<galleries.length; i++){ galleries[i].setAttrs({"autoplay":true}) } }); </script>
  3. I'm trying to set the gallery up as a carousel. The thumbnail images only apply to a slide show, I believe. When I put the gallery into a carousel, they are flush up against each other. It's not an issue in the slide show, because I only get one image at a time in the view. See what I am getting in the attachment. I want those to scroll, but I also want at least 10px between them. Thanks!
  4. I checked with SS help on this recently and they said that a slide show gallery will not autoplay. Someone in the forum gave me this code, which I placed in the Advanced area of the settings for the page. Seems to be working fine. Now, if I could find someone who can help me add code for a carousel that will insert padding between images...
  5. Site URL: https://scipioni-enterprises.squarespace.com I have added some script to my home page so that my gallery will scroll automatically. I would like to be able to use a carousel instead of a slide show. Even though the script does enable the images to scroll automatically, the images are flush up against each other. Is there an additional line or two that I can add to get some padding between images?
  6. To summarize for those who are following this question, here is the code I added to the Advanced tab of the page settings for pages on which I wanted to hide the header, the main navigation, the pre-footer, the secondary navigation, and the social icons: <style> #mainNavigation { display: none } #preFooter { display: none } #secondaryNavigation { display: none } #header {display: none} .socialaccountlinks-v2-block {display: none} </style>
  7. I used this code, but it didn't remove the icons from that page: body#collection-5d3c8c3d8fe70300011faedb footer#footer .socialaccountlinks-v2-block { display: none; } However, using the tag of .socialaccountlinks-v2-block you provided, I entered the following code into the Advanced tab of the Page settings, and it did remove the icons: <style> .socialaccountlinks-v2-block {display: none} </style> Thanks!Julie
  8. The URL of the page I am working on is https://www.irisandlilythenovel.com/audible1 This will become a template for my landing pages. I'd like the footer but not the social icons. Thanks!Julie
  9. Success to share! The code below, added as code injection on the Advanced tab of the page settings has hidden the main navigation, footer navigation, and pre-footer only from the page to which the code was added. <style> #mainNavigation { display: none } #preFooter { display: none } #secondaryNavigation { display: none } #footer { display: none } </style> However, I still can't crack the code to hide the social icons without hiding the entire footer. I've tried #social-links, #social-icons-svg, and #sqs-social. None of those are working.
  10. I also tried all the suggestions here, and none of them worked:https://answers.squarespace.com/questions/106740/how-can-i-showhide-nav-bar-links-from-bedford-pages.html?sort=newest
  11. Given that Bedford does not offer a landing page template, and cover pages are too limiting in terms of design, I would like to create a few select pages with no header or mobile navigation, and no pre-footer or footer nav. I know this must be possible and I've read several articles, but none of the answers have worked. I've tried adding this to the CSS: .collection (insert collection id here) #navigation-top { display: none !important } I've also tried adding a style tag to hide nav elements via the advanced tab on the page settings, but nothing is helping. I know there must be way to do this so I can build a landing page template that I can use for my site, but I can't find anything that works. Any help is appreciated. Thanks! Julie
×
×
  • Create New...