Your IP : 172.28.240.42
<!DOCTYPE html>
<html class="html" lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link media="all" href="" rel="stylesheet"> -->
<title></title>
<meta name="description" content="">
</head>
<body class="wp-singular page-template-default page page-id-61 wp-embed-responsive wp-theme-oceanwp oceanwp-theme dropdown-mobile default-breakpoint content-full-screen page-header-disabled has-breadcrumbs elementor-default elementor-kit-12 elementor-page elementor-page-61" itemscope="itemscope" itemtype="">
<div id="outer-wrap" class="site clr"> <span class="skip-link screen-reader-text"><br>
</span>
<div id="wrap" class="clr">
<div id="content-wrap" class="container clr">
<div id="primary" class="content-area clr">
<div id="content" class="site-content clr">
<div class="entry clr" itemprop="text">
<div data-elementor-type="wp-page" data-elementor-id="61" class="elementor elementor-61">
<div class="elementor-element elementor-element-1532f714 e-flex e-con-boxed e-con e-parent" data-id="1532f714" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-1851d46d e-con-full e-flex e-con e-child" data-id="1851d46d" data-element_type="container">
<div class="elementor-element elementor-element-7e66575e elementor-widget elementor-widget-heading" data-id="7e66575e" data-element_type="widget" data-widget_type="">
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-default">Squarespace full width block. Works great on long scrolling homepages or the .</h1>
</div>
</div>
<div class="elementor-element elementor-element-33720c elementor-widget elementor-widget-text-editor" data-id="33720c" data-element_type="widget" data-widget_type="">
<div class="elementor-widget-container">
<p>Squarespace full width block. Works great on long scrolling homepages or the Nov 3, 2020 · I'm trying to make a few blocks truly full width (i. . e. accordion-item__description { max-width: unset !important; width: 100%; } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too Aug 20, 2019 · This worked for me: 1) Target your block of code, ideally using a class that you set within the block rather than a page section, and make sure you've applied the following (as folks have mentioned above): 2) CRITICAL: If it hasn't worked, edit your code block's settings and set the Content Width to "L. The images are of a "torn paper" texture which has a transparent edge. /* workaround accorion max width */ . I've tried different combos of negative margins, but that doesn't work on all screens. Jan 26, 2024 · This is an SS issue. 1 sections don’t span the full width of the page. This article is all about Squarespace Full Width Block. The problem is that I cannot get the block that contains the iframe to span full width or height. And you’ve been trying to make that happen for the past couple of hours (days?) without luck? If so, then today’s tutorial is for you! May 26, 2020 · When I first started using Squarespace (7. Check the Template: - Ensure th May 9, 2019 · Create a Full Width Map Block in Squarespace - In this tutorial I show you how to design a full width map block in Squarespace using an index page. ) Apr 14, 2020 · Hello, I am trying to use an iframe to place a "listings" page within a Squarespace page. " (See attached. Aug 19, 2024 · To make content full-width in Squarespace, you'll need to adjust the settings and perhaps apply some custom CSS depending on the version and template of your website. 1 it’s a lot easier to create full-width blocks. Squarespace 7. Nov 24, 2020 · So, your client’s design includes some blocks that should be displayed in full width, while others stick to the boundaries of the site. May 17, 2020 · Freelance Squarespace developer making plugins like Full-Width Blocks, Hover effects for grid gallery and the Darkmode plugin. Squarespace is a flexible website development software that equips individuals to create magnificent websites and fully useful e-commerce stores without the need for substantial programming expertise. the full width of the user's screen). How can I accomplish this? Nov 17, 2021 · Hi @AnnaC, You can try the following code in Home > Design > Custom Css . 1 uses sections, so we can just create a section, make that section full-width and remove any whitespace. accordion-item__description { max-width : unset !important; } Let us know how it goes. Specifically, an image block, a text block and another image block. I know I am mucking something up Feb 10, 2020 · In Squarespace 7. Any block added to our Squarespace website has to fit into the 12-column layout that Squarespace provides. Oct 15, 2021 · Tired of staying within the confines of Squarespace’s built-in layout boundaries? By default, Squarespace’s 7. This tutorial will show you how to break a block outside of that 12 column layout. 0), I assumed that there would be a function to add full width “blocks”, since that’s really how you create anything in Squarespace, and was surprised when I found out that this didn't actually exist. Below are step-by-step solutions for different scenarios: General Steps for Squarespace 7. Feb 10, 2022 · Full width video & image blocks in Squarespace. Luckily, anything is possible with a little CSS magic! We love adding full width sections to our designs — they create a modern look with dimension (while using space efficiently!). Add the following to Website > Pages > Website Tools > Custom CSS. 1: 1. It is bizarre to me that SS is putting a max-width property of 300px on each item element. sqs-block-accordion . I know Squarespace inside out and I'm able to solve pretty much any Squarespace code problem. I have tried adding code I have seen through this site with no success yet. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<strong><strong> <span class="scroll-top-right"></span> <span style="display: none;">West Coast Swing</span> <!-- WP Fastest Cache file was created in seconds, on 5. June 2025 @ 02:53 --></strong></strong></div>
</div>
</div>
</div>
</body>
</html>