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. 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!
  2. I want to create a custom, 2-3 column content block with custom spacing between the columns. Following the instructions on this layout help page., under the "Add new blocks" part But my editor does not allow this. All I can do is add custom stacked elements. I can't move something and make it side-by-side. Is this a limit in 7.1? Thanks
  3. Site URL: https://www.doseyogaraleigh.com/ Hi Folks, Question about sections stacking in mobile. Any way to adjust the CSS here so that the text stay's in line like a banner when switching to mobile instead of having the text stack?
  4. Site URL: https://impala-cuboid-rtdj.squarespace.com/ Hello! I am using icons and layering them across sections on my site by adjusting the margins, however, when the image is layering from above, the bottom half of the icon hides behind the bottom layer. Could you please help! Site here: https://impala-cuboid-rtdj.squarespace.com/ Password: Blooms2021
  5. Site URL: https://beeline-consulting.squarespace.com/organisational-design Hi all- Thanks in advance for your help🙏. I am trying to work out how to make my title text sticky in a section. On this particular page, I would like the title text that says "Company Vision & Core Values" (in the Section= section[data-section-id="610b6b55c690502bba666c4a"]) to stay fixed at the top while the rest of the text in that section scrolls. I want to make sure that the title text has the same background color as the section so that the scrolling text is readable and then disappears once it reaches the title text (as opposed to getting overlayed on the title text). Then once you get to the bottom of that section, you just keep scrolling to the next section (and the "Company Vision & Core Values" title text is no longer fixed). The title text I am trying to make sticky is highlighted in the red box in the screenshot. It's safe to say I have really no clue what I am doing here so I appreciate it being explained as elementary as possible! Thanks. password= helpmeplease Thank you!
  6. I used code to change image block size on mobile view, but the image aligned to the left. How could I change it to be in the center?
  7. Site URL: https://www.isabeltalens.com Here is my headache: My code blocks across my website and blog have suddenly started to only show the DIV container ID when I am on Edit mode. When I click individually the code blocks, the code is there. It happens to all code blocks, with completely different codes inside. When I press save, the code blocks will still show as the DIV container ID (not the actual content). If I refresh the page, the correct content shows. If I test the website outside my Squarespace account, all looks fine. It is driving me crazy on edit mode, as I do not see the content of my code blocks and it is very difficult to edit like that. The problem just appeared on Friday, while drafting a blog. It has never happen before. Squarespace helpdesk was not willing to help as it relates to a code block. Any one has any suggestions? Thanks so much in advance!
  8. I have a page with 3 columns of text. One is long, two are short, so I have a blank space that needs a photo. I would like to add a photo that spans 2 columns without changing the width of the text columns. Thank you.
  9. I'm working with a section with a background image, and I want the background image's words to show up, and then add a button block on top of the background. Is there a way to just drag and drop or somehow place the button strategically on top of the section so that it goes where I want it to for it to show the background words? Thanks so much!
  10. Site URL: https://www.igroomhub.com.au/ Hi there, I have a site with side by side circles in a number of locations... looks great on desktop, and on mobile, however on smaller widths the circles overlap.. this happens on multiple parts of the site... Is there a way to force a stack on smaller screens -- flex? etc.. Any help would be great!
  11. Site URL: https://www.g11lab.org Hi there. H would like to ask you to kindly help me in putting summary block and normal block side by side in the mobile view, and not over each over. Website link: https://www.g11lab.org Pass: 123 mobile view: normal (desired) view: also for regular block: Thank you in advance !
  12. Site URL: https://isabelladoran.com/add-flavour Hi all, I am needing some assistance with some custom CSS. I have been trying to figure out how to reduce the massive gaps of space in between my content on my website when it is on mobile, however I am a bit stuck (have included images to show exactly what I mean on one page as an example). I have tried to fix the padding and spacing but it doesn't seem to be working. This issue is on all the pages connected to my work page. How am I able to fix this?
  13. Site URL: https://www.salonverastl.com/booknow Hello. I'd like to embed my squareup booking widget on my "book now" page on square space but would like to take the code block longer so guest wont have to scroll so much. I've tried using some of the custom css codes found in other question responses but they aren't working for me. I'm not sure what I'm dong wrong. Also, can anyone tell me how I can change the color of the links in the block as well? Id like to change them from the blue that squareup uses to a brown (#D1BDA0)
  14. Site URL: https://chameleon-springtail-9hbf.squarespace.com/ Hello, We are desperately trying to refit our banners (in particular our Speakers page banner) for mobile as they do contain text. We have somehow miraculously managed to apply a code found on here to resize the banner on the homepage (still has some issue, e.g. that the image doesn't getting resized like the other elements of the page when zoomed out ; but better than nothing!) and would be incredibly grateful if anyone could help us with creating a code to resize the one on the Speakers page (or both)! I have attached the image of the cropped banner on mobile view. Very grateful for any help on here. Password for the website is: tedxalquoz2021 Thanks a million!
  15. 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
  16. Hi, Just wondering how you can go about adding an image next to a block of copy with a colored background in 7.1 so they scale together. Like the attached image.
  17. Site URL: http://diarmuidbreen.com I want to remove the padding / blank space around a text block on a number of pages. I How do I remove padding around a text block ? I am trying to remove the blank space so that my descriptive text for an image sits underneath the image. I know I need to adjust the code to point to a particular section but I don't know how to identify this ?
  18. Site URL: https://slideux.com/team I need help fixing the issue with one of the team member’s name, it wraps awkwardly. Issue: Marisa Chantharayukhonthorn Template: Hayden Version: 7.0 1. The page is nestled (see Team_Page.png) under the About section of the site. The title appears fine when you view it this way. https://slideux.com/about 2. It is also accessible via a left-hand sidebar https://slideux.com/team The page does NOT look good when viewed this way. 3. I tried to isolate the block with custom CSS. Added under Home > Design > Custom CSS but I could not figure out the correct CSS. Can someone help me figure it out? I need the name to fit when viewed in both ways. Thank you!
  19. 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
  20. Site URL: https://www.ateliertonni.com Hi, I am trying to edit my footer. I have a collum to the far left with my company name and address, next to it, on the right I have a collum with a picture. I have tried to move the edges around with the integrated resize tool, but the intervals are too big and I can't get my two columns close enough to each other. See picture for reference. I have tried searching for code online, but haven't been able to find any. Is there anyone able to help me?
  21. Hello everyone! I am trying to build a portfolio website using the Wells template. I have added a "features" page to display my writing work, but cannot duplicate the blocks to add any more peices of my work than the three that came with the template. I have watched tutorials and they say I should see the tool for duplicating in a mini menu when I hover my mouse over a block, but this menu doesn't show up for me. Any idea what might be going on?
  22. Site URL: https://www.charmingeventscandice.com/ Hello! I'm trying to figure out how can I put two blocks next to each other on mobile but keep them as is in the desktop. At the moment they are stacked. It's very last part of the footer, the navigation links and social media links part. Site is https://www.charmingeventscandice.com/ pw is Charming615 Thank you!
  23. Dear all, I'm stuck with the table. If I add the code to the webpage, it's messing the whole layout. See here: https://recordit.co/xq8uPls4O5 or here: https://www.globalstartupawards.com/competition-benefits-1 password: 1234 I tried to add the code, or add the code to another page, and ember like that, but none of the options are worked. It should be in this page where’s the black button at the moment: https://www.globalstartupawards.com/competition-benefits I added to an unlinked page, so you can see it how it should be: https://www.globalstartupawards.com/competition-benefits-table I've updated the CSS classes, so there is no H1,H2,H3 or p (paragraph) classed, but for some reason still screws up our layout. Even when I added to the CSS code the original preferences from our website, such as: .p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .h2 { font-family: "Source Sans Pro",sans-serif; font-size: 1.4em; font-weight: 600; letter-spacing: 1px; font-family: Montserrat; font-size: 18px; font-weight: 400; text-transform: uppercase; font-style: normal; letter-spacing: .7px; text-decoration: none; line-height: 1.2em; Hereby you can inspect my full code: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Global Startup Awards - Prize table</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="https://use.typekit.net/qcs5zwu.css"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"> <style type="text/css"> .p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .h2 { font-family: "Source Sans Pro",sans-serif; font-size: 1.4em; font-weight: 600; letter-spacing: 1px; font-family: Montserrat; font-size: 18px; font-weight: 400; text-transform: uppercase; font-style: normal; letter-spacing: .7px; text-decoration: none; line-height: 1.2em; .benchmarks, .table-body .td:not(.metric) .number { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .table-body .td.metric label, .table-header .th label { text-transform:none; text-align: left; padding-right: 5%; font-style:normal; display: block; font-family: "Montserrat"; font-size: 0.6em; color: #333; line-height: 1; } .table-body .td.metric span { font-size: 0.5833333333em; } .table-body .td.metric, .table-header { font-size: 1.5em; text-align: left; line-height: 1; padding-left: 2.5%; color: #333; } .table-body .td:not(.metric) { font-size: 2em; } legend:after, legend:before { font-size: 0.6666666667em; } .table .percentile-67 { background: #DEDEE0; } .table .percentile-67 .number { text-shadow: 0.08em 0.08em #DEDEE0; vertical-align: middle; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background-size: cover; text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: italic; } ul { list-style-type: none; padding: 0; } .search-result { color: #333; margin: 1em 0 1em 0; padding: 0 1em; } .table { display: table; margin-top: 0; } .table-header, .table-body { display: table-header-group; } .table-header { text-transform: uppercase; } .table-header .th { padding-bottom: 0.5em; text-align: center; } .table-header .th label { display: block; padding-left: 15%; margin-top: 0.7em; text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: italic; font-size: 1.2em; } .table-body li { display: table-row; width: 100%; } .table-body .td { border: 2px solid #FFF; padding: 0.5em 0; line-height: 1em; } .table-body .td.metric { border-bottom-color: #FFF; border-top-color: #FFF; } .table-body .td.metric label { text-transform:none; text-align: left; font-weight: normal; padding-right: 5%; font-style:normal; display: block; font-family: "Montserrat"; font-size: 0.6em; color: #333; line-height: 1rem; } .table-body .td.metric span { text-transform: uppercase; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: italic; } .table-body .td:not(.metric) { color: #FFF; line-height: 1.2em; } .table-body .td:not(.metric) .number { } .tr:first-child .metric { border-top: none; } .tr:last-child .metric { border-bottom: none; } .th, .td { display: table-cell; width: 16%; text-align: center; } .benchmarks { width: 100%; } /*------------------------------------------------------------------ gray bg rows -------------------------------------------------------------------*/ .table-body .td.metric2 span { font-size: 0.5833333333em; } .table-body .td.metric2, .table-header { font-size: 1.5em; text-align: left; line-height: 1; padding-left: 2.5%; color: #333; } .table-body .td.metric2 { border-bottom-color: #FFF; border-top-color: #FFF; background: #DEDEE0; } .table-body .td.metric2 label { text-transform:none; text-align: left; padding-right: 5%; font-style:normal; font-weight: normal; display: block; font-family: "Montserrat"; font-size: 0.6em; color: #333; line-height: 1rem; } .table-body .td.metric2 span { text-transform: uppercase; font-family: proxima-nova, sans-serif; color: black; font-weight: 800; font-style: italic; } </style> </head> <body> <div class="search-boxen"> <div class="search-result"> <div class="benchmarks table"> <ul class="table-header"> <li class="th"></li> <li class="th"><label>REGIONAL <BR> LEVEL</label></li> <li class="th"><label>GLOBAL <BR> LEVEL</label></li> </ul> <ul class="table-body"> <li class="tr"> <span class="metric2 td">RECOGNITION<label>Get better recognition nationally, regionally and globally to attract business opportunities even from other countries, regions and continents.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric td">ALUMNI ACCESS <label>Access to GSA Alumni Network, an invite-only VIP club that fosters the development of startup ecosystems globally, but also gives you access to a well selected global network to support your international business endeavors.</label></span> <span class="td percentile-60"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-91"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric2 td">CONNECTIONS <label>Connection to other regional and global stakeholders - finalists, winners, juries, partners and ambassadors.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric td">MATCH MAKING<label>Matchmaking with active investors, successful startups, accelerator and incubator programs, as well as government initiatives.</label></span> <span class="td percentile-70"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-80"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric2 td">PROMOTION <label>Promotion through Global Startup Awards’ regional and global social media channels and newsletters.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric td">CONTRIBUTION <label>Opportunity to contribute with your expertise and knowledge to a greater good: to shape the global startup ecosystem with other selected future-shapers.</label></span> <span class="td percentile-70"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-80"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> <li class="tr"> <span class="metric2 td">PRIZE SPONSOR BENEFITS<label>Enjoy the benefits of valuable services and products offered by our Prize Sponsors.</label></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1627898822662-I82XD36WM0D9KM14RJ2P/GSA+icon+outline.png?format=300w" alt="GSA logo"> </span></span> <span class="td percentile-67"><span class="number"> <img src="https://images.squarespace-cdn.com/content/v1/57514b5f22482e8f991a140b/1464991273255-3VMUM6YKUVD07XR30GKW/favicon.ico" alt="GSA logo"> </span></span> </li> </ul> </div> </body> </html> Anyone has any assumptions? Thank you in advance, if you can suggest me a hint! :)
  24. Site URL: https://luluthelabel.com/ I am looking to add in a Trustpilot trust-box widget near the end of my website above where it says 'All products from LULU The Label are handmade with love by Lucy in Hertfordshire, England.' Trustpilot have given me a custom code for the trust-box. Is anyone able to advise please how to add this in successfully without any issues? This is the code they gave me: https://trstp.lt/n694JEELU Thank you.
  25. 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!
×
×
  • Create New...