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

Search the Community

Showing results for tags 'blocks'.

  • 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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

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

  1. I'm trying to add some custom code to alter the text of my site on mobile as there's no functionality to do this in the style editor, other than dynamic scaling which is unpredictable and inconsistent across blocks. I added the following to adjust my headings, which was straight forward but I'm struggling to target text within image blocks @media only screen and (max-width: 640px) { h2 {font-size:2em;} } Thanks
  2. Himy website is: https://ratcliffeandratcliffe.squarespace.com On my home page I have 3 texts / photos that alternate from left to right as you scroll down the page.Starting with Therapeutic Programs - Transformational Programs and then Events On a desktop this still looks good but on a mobile when you scroll on the middle section - Transformational Programs where the text is on the left and photo on the right on a mobile it puts the text before the photo and does not look right. Ive reached out to Squarespace and they suggested using an Image Block Card BUT even with the edits its still does not look like the Therapeutic section above and the Events section below. All of the 3 sections are on separate index pages. Can anyone help with a custom CSS or coding that for the Therapeutic section when viewed on a mobile would put the photo first and the text 2nd. Thank you in advance for any help to get this sorted.
  3. I would like to use a simple 2-image GIF (run just once) as the banner on a page. AND, I would like to load the text blocks over that image, ONLY after the GIF animation finishes. Some kind of code injection? Working on this page: https://www.connect4whatworks.com/connect-products The GIF looks like the attached file. Will send copious amounts of gratitude your way for the answer... Jack
  4. I'm looking for help from the good and knowledgeable people here for a solution to a problem with a page using a Grid Summary Block. I need the page to be able to change images from one image to another image on mouse hover or mouse rollover, much like when using a Products Page which I can't use because I won't be selling online. Any help would be greatly appreciated!
  5. I am trying to insert code for an online sign-up form from EveryAction for use on my organization's website: https://ponohawaiiinitiative.org. Currently, the old MailChimp form is there as I don't want to disrupt current functionality. Below is the code from EveryAction for embedding an online form on the website. Best as I can tell, the code works fine, as does the form. However, the code block is far too short to house the entire form, so the page is automatically creating a scrolling block, which makes it extremely difficult to view/complete the form. Frustratingly, I've reached out to Squarespace support who had nothing to offer in terms of help and suggested I try here. Here is the code: <script type='text/javascript' src='https://d3rse9xjbp8270.cloudfront.net/at.js' crossorigin='anonymous'></script> <div class="ngp-form" data-form-url="https://actions.everyaction.com/v1/Forms/jsa9_IHvuEmMBiJdFI_9WQ2" data-fastaction-endpoint="https://fastaction.ngpvan.com" data-inline-errors="true" data-fastaction-nologin="true" data-databag-endpoint="https://profile.ngpvan.com" data-databag="everybody" data-mobile-autofocus="false" > </div> And here is what the draft page looks like with the form block: Any advice anyone can offer would be helpful. I've tried everything I can think of to resize the code block. Mahalo!
  6. When I enter an address in my submission form on my home page it sends an email and goes through the whole process of double opting in, but it doesn't update the subscriber to my mail chimp account. Any ideas why that is?
  7. how do I get rid of the Featured above this summary block? Website is: https://www.lauraengeldesigns.com/about
  8. In the Wells template, is there a certain width the summary blocks are?
  9. Hi everyone, Ive been unable to get a set of 3 images that appear side by side on desktop to show up on mobile in one row instead of stacked. Link to the site: https://sawfish-decagon-67am.squarespace.com/liquid-mind-- the gradient circles in the top right of the page on desktop show up side by side and i'd like them to appear the same way on mobile under the header. I tried multiple ways, but left 2 of the latest attempts on the page: 1. Using an image gallery. Its set to 3 images per row, but showing up as 2 images in a row, then the third on the next row on mobile. Some instances of this page will have 2 circles and others will have 3, so I am not sure that the gallery will work? 2. Trying to link the images together using the guides and even lines in order to view them as a set, but its not translating to mobile. Thanks so much in advance for your help!
  10. Here's the page that needs help.http://briandorseystudios.com/shootproof-index(the codeblock seems to want to right justify the content) Here's the code that's called. <script type="text/javascript">var _spRemote={width:1920,height:1080} ;var _ce = parseInt(Math.random() * 99999999);document.write('<sc' + 'ript type="text/javascript" src="https://photos.briandorseystudios.com/remote/embed?ce=' + _ce + '"></sc' + 'ript>');</script> I'm not a coder. Can anyone explain to me (in simple terms...) how to get the output of this block centered on the page? Since it's a code block, i can't use spacer blocks. Thanks!
  11. When creating the link it does not give me the "Open in new window" option for File, as it does for Web Address and Page in the link editor.
  12. I am working on designing the website (Aviator template) for our upcoming brewery and am running into a bit of a snag. One of our pages will be a gallery with pictures of the beers that we have brewed, with information about the beer in the caption. Eventually, we will be releasing a lot of different beers, to the point where I'm concerned about the gallery block getting too large (which could slow down the page, having to display all the images). Is it possible to limit the number of images that are shown at a time in a gallery block (say 9 or 12), but have multiple pages? This way our users could make their way through multiple pages of the beer archive rather than having 100 different things displayed at once. Thanks for any help!
  13. Right now when I go to my blog page and hover where the page normally says edit it says "Manage posts", "Add posts", "banner", and "settings"... What I am looking to do is add a simple title and button above all of these titles that is not part of one of the posts. It should be possible to do this I think, any ideas? Thanks in advance, and thanks for reading.
  14. Hi, I have created inline image blocks and have added captions to them. But when the image source code is viewed in the browser the code shows captions in a tag rather than as an image Alt attribute text. Is there a way to add Alt attribute to the image tag? Thanks!
  15. If I had a bullet list like the following: Product A Product B Product C Product D Is there a way, that if a visitor hovers with their mouse or the touch of their finger on a mobile device will popup a floating window with additional text description?
  16. Thanks to the valuable answers of @Paul2009 in this platform, we managed to understand how to break lines at gallery titles, grid titles and product titles (i.e. the product title in the 'shop' page). We tried to apply the same methods to break the lines on summary block titles, but unfortunately never managed to do so. Would there be a solution for this particular situation? Here is the link of the concerned page: https://www.thelabfragrances.com/earl-grey .. As seen there; we have the following structure: Earl Grey 30ml Perfume Oil S$78.00 .. Whereas we would like to have: Earl Grey 30ml Perfume Oil S$78.00 .. Thank you very much.
  17. Hi folks, I'm hoping this is a simple solution. I'm building a single page site in the Sofia template. As it's a single page, I'm wanting to get it so that when you hit a link in the navigation, it scrolls you to that block. Standard stuff. That said, as all the blocks are under 1 index - the only link currently appearing in my primary navigation is 'Home'. Is there a way to make the blocks in the index the main navigation? I.E. "Home" - "About" - "Screenshots" all appear as the main navigation?
  18. I am using a custom font for my client's website, and incorporated it into the website using a Code Block. However, I am having issues with a ton of spacing around each code block and I can't figure out how to get rid of it! It's causing some spacing issues on the desktop site, but especially on mobile - creating huge gaps between the code blocks and other text/image blocks, making it look not so great. See screenshots below (the scripted text is the code block). Desktop is the first image, and mobile is the second. I've tried a few different codes targeting the padding of the code blocks, but nothing seems to do the trick to fix this issue. Any CSS or HTML suggestions?? Greatly appreciated!!! Website: https://www.wildlyyoursweddings.com/
  19. So i made an index type page using the app, and now that i want to continue making changes etc. on desktop, none of the edit buttons are appearing. They are appearing on other pages, however, just not this particular page. Do you have to only use the app to edit pages created by the app??
  20. Hi folks, A quick one that I'm hoping someone might have a magical solution for. I'm currently building a slightly 'cartoony' website for a product that we're working on at the moment. As part of it - our blocks feature images of the characters. What i'm trying to do at the moment is have the images overlap ever so slightly into the block above it. Example can be found here: You can see that his 'stick' bleeds slightly into the gallery image above. Does anyone happen to know the best way to do this? Cheers
  21. I cant find any stylizing settings in the design styles section. Do I have to do this with custom code? Im using the Motto template. Feel free to check out the website here www.thecharlesbar.ca. You will see that the menu items arent stylized properly :( Thanks!
  22. Hey all. I'm using Ishimoto, if that makes a difference: I'm attempting to place a Gallery Block - Grid Style - in a blank page, and the thumbnails refuse to stay on the same line. No matter how many per line I choose, and no matter what padding I choose (or what crop on the images). They always break. For example, if I choose four per line, I get this: x x x x x x x x And if I choose five per line, I get this: x x x x x x x x x x etc. I am not using any custom CSS on this site. I've ticked every box on and off and I know of (Lightbox, no Lightbox, etc.). I've adjusted the padding on the entire site, the width of the site, etc. Nothing can trick these images to stay on one line. Any ideas? So grateful for any help.
  23. Site: https://chrissytolley.com/Template: Shift If you scroll down to Testimonials, you'll see I've used a summary block carousel for testimonials created in a blog format. Since the longest quote is first, excessive white space is not a problem. However, as you scroll through, you'll see a lot of white space when the quotes are shorter. Is there a way to make the summary block carousel dynamic so that it "shrinks up" when the testimonials are shorter, and doesn't create a huge block of white space between the carousel and the next section header? (I am comfortable with CSS.) Any help/insight is greatly appreciated, thank you.
  24. I am working with a products page (using Aria), only offering two products and want to add a text block with a general description below the two products shown on the products page (not in the individual product pages). I can't figure out how to do this. There are points to insert a text block above the products but not beneath. Please help! Thanks!
  25. I'm looking for the CSS code to control the padding between image blocks (or possibly between all blocks). I've tried combinations of these with margin or padding, and nothing changes. .sqs-block.image-block { margin-top: 100px !important; padding-bottom: 100px !important; } Thanks.
×
×
  • Create New...