Search the Community

Hello! I am using the bedford template. This is my link: https://tuna-koi-f6np.squarespace.com/ I am trying to increase the space of the sides of my nav bar! So my logo and nav links are not so far apart! See image attached! I am not sure if that is adjusting the padding or margin in the css?

Greetings from Copenhagen Are there some of you knowledgeable people who know how to get margin / padding to be less from the logo and menu to the top of the page, without changing the actual margi/padding on the sides. Unfortunately, the template does not allow this, which is why I hope a CSS code will help. Thanks in advance Regards Sidse

Hi all, I'm working on setting up a blog, but I can't for the life of me figure out how to change the text width (or set the page margins) for individual blog posts. I'd like to increase text width (or reduce margins), but when I go to edit a post, all I get is the content editor and can find no way to change template layout. What am I missing? TIA,Grey P.S. And when is Squarespace gonna get more documentation online for version 7.1?! Not easy for newbies to find their way around when most of the knowledge base refers to an older version of the platform that's so drastically different....

Hello. I am using code blocks so that I can customise, format and size my text in different areas throughout my website, without it affecting the general style of the website on a whole. I am not a fan of the general text box because I can not customise the text exactly how I want it. For example I do not want my H1, H2 or H3 titles to be really big, but I do want some text on my website to be bigger or styled differently in certain areas to stand out and grab attention, which is why I am using the code blocks. However, I am finding that the code blocks are not scaling correctly for mobile. On desktop they look fine and give the visual impact I am looking for, but on mobile because they are not scaling properly, some of the text gets cut off or is just way too big. For example, in one code block I am using the following code: <center> <font size="5em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's get people talking.</li></span></font> <font size="7em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's create something EXTRAORDINARY together!</li></span></font> <font size="4em" color="#ffffff"> <span style="line-height:2.5em"> <li style="list-style: none;">I'm ready when you are.</li></span></font> </center> Which on a desktop looks like this: But on a mobile it looks like this: I am using em instead of px because I read that this is meant to help with the scaling, and in most cases this is fine across my entire site, but for some reason it is not here. How can I use code blocks to create custom text for visual impact on my site, but still have it scale down so it looks just as good on mobile? Thanks.

Hello, I am trying to change the side-padding or page margins on a single page on my website. I know the collection ID for the page, but I'm not sure what the CSS code is. A demo of the page I'm trying to remove padding for is here: https://virtu.academy/masters-demo The end goal is to make all images on the page full-bleed with no padding. Thank you, Ben

Hey, so I'm using the flatiron template and I'm looking for a way to add white margins to the left and right side of my site so that the images don't take up the entire width of the screen My site is www.spencerafonso.com Thanks for your help!

Hi. When i visit www.fusionlean.com via mobile the texts are all close to the side of the screen, i need to add some space between them, how do I do that?

After reducing the padding and margins around my image blocks through coding, I am still left with a horizontal white spacing between some lines. These spaces show up even more when the page is viewed on a mobile, they seems to appear when images that I have placed in a row on my desktop get broken up and presented below one another on mobile. In the attached image its the thicker spacing. My template is Nueva. This is the page's custom coding: <style> .sqs-block { margin-left: -15px !important; margin-right: -15px !important; margin-top: -15px !important; margin-bottom: -15px !important; } </style> I have no idea what this spacing is or how to remove it and I have spent so long trying to work it out! Please help !

Very simple idea, and it should be easy to implement... Or so I thought, upon further investigation I cannot find anyone anywhere with this same problem. I am attaching an image of what I am trying to reproduce, anyone with a knowledge of CSS can see that it is not a normal way of styling things... Yet it is normally possible, something like this should be possible in Squarespace right? Please; even an idea could help me out. This has really got me stuck.Thanks in advance. Here is a link to the page: https://patientmatters.com/about/overview

Hi can anyone please help to fix this, probably something very simple but I am stuck. I have used a carousel ('polaroid' images) if you scroll down a little here: https://jamaicaguavajellyguide.com/ ...but the margins between the images sometimes look very oddly spaced and I want them to sit close together... please see screen grab attachment. Would setting the margin between the carousel images to 0px or 1px, 2px solve this? Would this be a CSS thing, where do I put this? Thank you!

I added the following code to remove the blank space at the top of a page when viewing on mobile: /remove padding for mobile devices/@media (max-width: 480px) { collection-5d5c6af616b14c000132e7af .sqs-block-html .sqs-block-content { margin-top: -100px; } It seems the active spot for clicking 'submit' is now no longer aligned with the 'button' on the page, and I'm unsure of how to fix this. Can anybody help? Thank you.

My question is very simple.I have installed Flatiron template on my site.Site link is https://emilynnrose.squarespace.com.i am attaching a screenshot of home page with squarespace dashboard.What i want is to create space between pictures of home page. These pictures are actually gallery pages.Please see picture then you will have a better idea.Please if someone can help me with code .Thanks in Advance !

On a basic (blank) page (with image blocks and text), is there a way to adjust the top margin so it starts lower? I don't want to add a spacer block because it's too big. Alternatively, I could add a margin to the h1, which is at the top of the page. I tried: h1 {margin-top: 30px;} and h1 {padding-top: 30px;} and neither worked. Thanks.

Hi there,So I want to reduce the padding only for mobile, reduce padding above and below header/logo, the top and bottom padding of the main content section (horizontal line and everything below it). I might also need to reduce the top/bottom padding around the horizontal line as well. Can anyone help me with the custom CSS? Your help would be greatly appreciated! Working out of West template. Website www.astallcop.com