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


  • 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
    • Resources
  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: http://brondyhumphrey.com Hello everyone, I hope you are doing well? I am currently trying to make this on the footer of my home page: (this is a montage I made on Canva) But for now it looks like this: Do you think it is possible to make ? I wish you a beautiful day 🙂 brondyhumphrey.com password: soleil
  2. Site URL: http://www.hbeckercustom.com I'm looking to change the title font for the list blocks on my website - www.hbeckercustom.com pw: hellohello I was able to change the fonts for every other content block style, but unable to do it for the list blocks. I'm looking to change the text that says "My Process" and also interested in changing the "We meet", "I source", "We design", etc. .user-items-list changes the text in the list, but not the titles, and .list-section-title doesn't change anything. I'm generally good a plug and play with css, but clearly not an expert. Any help would be fantastic! Thanks!
  3. Site URL: https://sarahandmadejewellery.com.au/ Hi Guys, I've added a list block (simple list) to my homepage. I want to make each image link to a different service page on my site. There doesn't appear to be anywhere i can do this when editing the content for this list. Is it possible to do or am I better off using a gallery? If I do use a gallery can I get the same effect? Many thanks Ahser
  4. Site URL: http://vividbooths.co.uk I have a staggered layout (works well on desktop), but 2 pages on my site need the second row column order reversed for mobile view. http://www.vividbooths.co.uk First is in my home(index). Page title is 'cascadinginfo' and the second row displays 'weddings' section using a card block on the right column, with a separate associated image displayed on the left column. Mobile view results in the 'weddings' associated image preceding the card block 'weddings' , but for continuity, I need the column reversed for mobile view. I've searched this site extensively. Lots of users have similar problems, and remedial code that should work for me looks like this; @media screen and (max-width:640px) { div#yui_3_17_2_1_1589993939235_232+.row.sqs-row { display: flex; flex-direction: column-reverse; } div#yui_3_17_2_1_1589993939235_306+.row { display: flex; flex-direction: column-reverse; } } Or this; @media screen and (max-width:640px) { /* cascadinginfo-columnreverse */ div#block-yui_3_17_2_1_1593356729679_4534+.row { display: flex; flex-direction: column-reverse; } } Neither is working for me, and I am concerned that I am not sourcing the correct id's from the inspect element on my site because it's not clear to me which one to use. The row id that specifically targets this 'weddings' section is dynamic and can't be used. My second page is the bookings page https://www.vividbooths.co.uk/booking-page The text is hidden unless viewed on a mobile (because I am using accordion text for desktop), but the same issue on the second row. The 'Choose Your Package' card block appears after the associated text.
  5. Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-between; align-items: center; width: 50% !important; float: left; }}
  6. Site URL: http://cadimat.wine/enoturismo Hi! Hope someone can help me. I used spacer blocks to achieve a 2 column layout with: 1. Icon 2. Text 3. Aligned button I’d like to have the same order for mobile: Column 1 1. icon 2. Text 3. Aligned button Column 2 1. icon 2. Text 3. Aligned button I appreciate any help!
  7. Site URL: https://www.jcatny.com/manga-artists I created blocks with HTML and CSS. At first it seemed working well, but when I released the page, the blocks' positions is not the same with the edit page. The position collapse.. Does anyone help me with this? HTML <p><div class="maste"> <span class="tape">SUPPORT 1</span> <fieldset style="background:#EECD77; border-radius:10px; font-size: 100%; padding: 15px; text-align:center "> <fieldset style="background:#00000; border-radius:10px; font-size: 130%; padding: 15px; text-align:center "><span style="color:#00000;"> <B style="color:#000000">オンラインで作品販売サポート</B></span> <fieldset style="background:#00000; border-radius:10px; font-size: 70%; padding: 12px; text-align: center "><span style="color:#00000;"> <br>毎月1度開催の“JCAT Gallery”では、SOLO展及びグループ展を開催しています。展示会での作品掲示では、作品を気に入ったファンが直接購入することができます。 </span> CSS <style> .maste { position: relative; background-color: #EECD77; box-shadow: 0px 2px 0px 0px #D4D4D4; background-size: 80px 80px; padding: 1em; } .tape{ position: absolute; top: -0.75em; background-color: rgba(255,255,255,.4); border-left:2px dotted rgba(0,0,0,.1); border-right:2px dotted rgba(0,0,0,.1); box-shadow:0 0 5px rgba(0,0,0,0.2); padding: 0.25em 2em; color: #65513f; transform: rotate(-3deg); } .maste p { color: #65513f; padding: 15px 10px 10px 10px; } </style>
  8. Site URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you I saw this effect recently on a website (https://www.violahillstudio.com/) where the contents of two columns are vertically centered without using spacers. I've tried inspecting the code of the website and can't figure out how to achieve the same effect on a client's website. URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you Password: emilie What I'm trying to do is in the index where the image block and text block appear beside each other, I would like to vertically center align the contents rather than have them align to the top of the index and have this effect maintain down to a screen size of 640px, after which the blocks stack on top of each other. I would ideally like to achieve this without the use of spacer blocks. I've attached an image that might help to explain this better. Any guidance would be greatly appreciated!
  9. Site URL: https://entrenosotros.just-america.com/02-2020-actividades Hi! I would like to change blocks order on mobile. On desktop the image is on the left and text on the right and that's ok but on mobile I would like the text first and the image below. Website: https://entrenosotros.just-america.com/02-2020-actividades Pass: test Section I would like to change: section[data-section-id="5f22d4ae41363b1aac10c22a"] Thank you very much in advanced!
  10. Site URL: https://www.fevronia.net/collections Hi, This seems to be a fairly common problem but requires site specific code and various threads suggested starting fresh posts... so here goes. Site 'https://www.fevronia.net/collections' Pass 'Fevroniapass' I'd like to change the way my clients 'collections' page displays on mobile view. On desktop it flows: 1 text / 2 image 3 image / 4 text 5 text / 6 image etc And on mobile it flows: 1 text 2 image 3 image 4 text 5 text 6 image etc Instead I'd like it to alternate between text and images, so: 1 text 2 image 4 text 3 image 5 text 6 image etc Many thanks for any help in advance : )
  11. Hi there, I use my site to host a podcast, uploading each new episode the usual way by creating a new blog post, adding an audio block, uploading the episode (MP3 file) and the RSS feed does the rest. I've uploaded several episodes now, but a piece of content in the first episode bugs me. If I was to go into that post and replace the MP3 file in the audio block with a corrected version, would that file seemlessly replace the original in all the locations the RSS feed sends it to? Or would this do something silly to the order of episodes and bump this one up to being the most recent in the feed? Thanks in advance for any responses!
  12. Hi there! I was wondering if there is code for the following things I need on a lightbox pop-up form on my site: Change color and fonts on the form. Add an image to the top of the form. Add a text description at the top of the form. Any help is greatly appreciated. Thank you so much in advance!
  13. Site URL: https://www.shemadeceramics.com/hometest Hello! I injected code to put a down arrow on a video on my homepage, but I'd like it to be oriented at the bottom of the video, not in the center. Can someone help me create some code that will move this arrow down a bit? Here's the link: https://www.shemadeceramics.com/hometest Thank you in advance for your help!
  14. Site URL: https://www.aestheticlounge.ca Hi 👋 I'm having an issue with anchor links on the homepage of my site aestheticlounge.ca. There are three images with anchor links to different sections on the /services page. The "lasers and lights" link as well as the "medical facials" links are not anchoring to the correct place on the page where I've added the code block for anchor links. Upon my investigation it appears that the markdown blocks are interfering with the anchor link code. Problem can be seen here: https://www.loom.com/share/8a0967e781764349bb259a1066c4ec73 Has anyone run into this issue before or know how I can fix it? Your help is very very much appreciated 🙂 Thank you!
  15. Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Hello there, I'm attempting to add vertical lines to certain sections within my site, however it's proving difficult to do so. Anyone can help with custom coding on this one? I found some codes online, however the height of the vertical line doesn't follow the height of the block/ column upon scaling to different screen sizes. Ideally it would meet the horizontal lines above / below it or at the least have a consistent spacing in between them. Would love to see if there is a solution to this. Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Password: MaintainS134! The section I'm hoping to address is in the About section. Thanks!
  16. Site URL: https://apricot-goldfish-m57n.squarespace.com Does anyone know if it is possible to do this. Have tried this but havent been able to get it to work within SS https://css-irl.info/controlling-leftover-grid-items/ If anyone has any idea I would be grateful. .portfolio-grid-basic seems ot be the class that works but it all ends up squiffy. Thanks
  17. 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?
  18. Site URL: http://www.biancagabrielle.com I have been trying to upload my Active Campaign newsletter sign up form to my squarespace site to no avail. I am able to embed the form at the bottom of the page but it looks weird and I feel people will miss it. I would like it to pop up; however, when I try to use the Code Block function, it's not allowing me to copy / paste my code from Active Campaign. It actually doesn't seem to work in general for any code so I don't think it's an Active Campaign thing since the "Apply" button does not seem to be appearing. Maybe I am missing something? I've attached a screen record for reference. Thank you in advance! Squarespace Code Troubleshoot.mov
  19. Site URL: https://llama-jellyfish-92m5.squarespace.com/ I know that the IG block (Grid view currently being used. but could be changed if need be) for Brine (7.0) only displays the first ("static") image in a multi-photo IG post. Is there a way to add code so that my client's three photos (in one post) are all displayed in the IG block. Failing that, is there a way to add code so that clicking on a multi-photo IG post expands to show the two that the IG block is hiding? PWD inwardcompass
  20. Site URL: https://www.tobyroney.com/ Hi, I am wanting to remove the gaps between the few separate carousels I have on my website. I would like them to appear flush, so there is no gap between the first top one and the second one. I’m using the template Lange. There is no way to remove the spacing between two different carousels in the settings unfortunately, so if anyone has custom coding to help with this that’d be amazing!
  21. Site URL: https://www.rnne231.com https://www.theweeknd.com Hello, I want to be able to add this animation to my site. However I dont know where to start. I have attached an example on the weekend's site and also a video to show the specific section of the animation. Please let me know if there is a way to add this to a Squarespace site. Untitled.mov
  22. I'm trying to setup some code blocks which are image links which change when you hover over them. (Image 1) I followed a tutorial by Carl Johnson (Which I will link below) and added a line to the code blocks to make them into clickable links. They display fine at first or if you are in the editor, (Image 2) but the second I leave the page they're on and come back, they are all misaligned. (Image 3) I have included the code I used for both the blocks (Image 4) as well as the CSS. (Image 5) I hope someone can help me with this because I cannot find anything about this problem. Thanks.
  23. Site URL: https://www.simonguillemin.com/travel-snowflakes Hey dear folks & the boss @tuanphan 🙂 I would like to make the right column of a page which contains differents block (text + image + shop button) fix when scrolling down the page. I want people be able to see the content on the left while they can always get acces to the text of the right. Also I would need this fix column on the right stop before the bottom of the windows just before the large block picture at the bottom https://www.simonguillemin.com/travel-snowflakes password : 0009 THANKS A LOT for your help 🙂❤️
  24. I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive
  25. Site URL: http://jasminesweeting.com Site URL: jasminesweeting.com Hello, I've been having trouble resizing the block image at the bottom of my mobile website. I'm trying to make it mobile-friendly. Is there an appropriate code to use for custom css?
  • Create New...