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

Search the Community

Showing results for tags 'margin'.



More search options

  • 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
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

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

Found 12 results

  1. 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.
  2. 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
  3. 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!
  4. 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?
  5. 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 !
  6. 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....
  7. 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
  8. 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!
  9. 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.
  10. 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 !
  11. 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.
  12. 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
×
×
  • Create New...