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


  • Posts

  • Joined

  • Last visited

  1. Site URL: https://watermelon-koala-napg.squarespace.com/bio-archidex password: singularity Hello! I'm trying to find a way to make the three buttons on the bottom of the right column ("<", "Get Archidex", and ">") to all float left and have a set pixel distance from one another that stays relative with content differences (I'll be using this code on many pages). So, all three will be pushed left in that column and be ~10px apart regardless of text length. I've tried width: fit-content with float: left, but that doesn't seem to achieve what I want. Any help would be enormously appreciated. Page-specific code is in a block at the bottom of the page above the footer. Thanks!
  2. For sure -- I just added a link to the question above. Password: singularity It's for an upcoming game and there are many character pages formatted like the above. It's very much WIP, but so far I've applied CSS for borders on the markdown block, clipping paths to tighten the borders, and height, width, and alignment to preserve good structure on mobile and tweak block spacing, etc. I anticipate I'll need to do quite a bit more targeted CSS before the design is really wrung out, unless I'm going about this in entirely the wrong way. The current setup is that all the block-specific CSS is contained in a code block at the bottom of the page. Thanks for the help!
  3. Site URL: https://watermelon-koala-napg.squarespace.com/bio-archidex Hello! I'm a decent programmer, although brand new to web dev and Squarespace. I'm working on a website and have ~50 pages that all need to be styled in the same way. Each page has roughly 6-7 blocks that need custom CSS (identical across those pages), and there will be more of these pages in the future. These block types are used in several other ways in those pages though, so they can't be edited on a block-type basis. I'm curious if there are recommended best practices for how to handle this. As far as I can tell, the first obvious option is putting the CSS in the Custom CSS Editor, which would centralize any future changes, but create a gigantic list of 300+ impossible-to-parse block ID references. The second option is to duplicate the CSS on each page in a Code Block, which creates isolated, clean code, but will require 50+ edits for any future changes. The ideal would be some way to tag blocks for targeted CSS, so each block with common CSS has a shared ID of some sort, and then I just apply CSS to that ID in the CSS Editor. There doesn't seem to be an immediately obvious way to do that though. Any suggestions for how to approach the above? Thanks for your help!
  • Create New...