Jump to content

DPruitt

Circle Member
  • Posts

    185
  • Joined

  • Last visited

Everything posted by DPruitt

  1. It looks like you need to: 1. Click to edit your footer 2. Find the code block in the footer 3. Delete the code block.
  2. Try inserting this into Custom CSS: #collection-62863a4551ee0a7a11c8656e { /*Homepage Overlay Header*/ .header-announcement-bar-wrapper {position: fixed} /*Navigation*/ .header-nav-item a {color:#ffffff !important;} /*Logo*/ .header-title-logo img {filter: brightness(0) invert(1); !important;} }
  3. Oh okay, that's not how the old site is operating... See how it's constrained? It has a max width of only 1250px regardless of the screensize, it will never go beyond 1250px. Here, just add the margin "auto" to fix the alignment... #item-64dd2003f0a4be3998c1f3d1 { padding: 4em; width: 1250px; margin: auto; }
  4. 1. Click EDIT, then go into your "Site Header". 2. Click, the desktop icon (middle icon) 3. Under WIDTH, Click "inset" instead of Full.
  5. Since you're using SS 7.1, don't use css to adjust your width, go into your sites settings to adjust your sites max width to 1250px and set site margin to 4vw.
  6. All the blocks are paddings of 0? If you're referring to the page: #mainContent { padding: 4em; width: 1250px; background-color: #fff; }
  7. Thank you! If you can access that page or create a new one with a membership sign-in, I think if you add a spacer bar above your paywall login block and below it, it may fix the issue (as a first attempt). It's showing as an empty index in the markup so I think that's throwing it off... Could be that it's SS 7.0 and not SS 7.1. Also, you should also take note that the login button disappears after you're logged in... You can probably display it regardless with this css: .sign-in-button {display:block !important;} This will adjust the background color and give a bit of padding to the existing setup: .Index--empty {background-color:#ffffff !important; padding-top: 25px !important; padding-bottom: 25px !important;}
  8. Here are a few options: https://codepen.io/smhigley/pen/gwYPvR https://codepen.io/uurrnn/pen/WNLVdN https://codepen.io/pooranikanniyappan/pen/MBberX https://codepen.io/MAW/pen/KdmwMb
  9. Under PAGES, can you send a screenshot of all your pages and index setup, not of your CSS, a shot of your Panel with your Main Navigation and NOT LINKED pages.
  10. When you go to add a section, scroll to the bottom and you'll see "add blank classic section" and below that a fine point small text where you can access all the classic page layouts, including Lists...
  11. Yep, try putting all this inside of a "classic editor" section instead... You'll have to code the block paddings of course, but it won't/shouldn't do the crazy flex gapping; if it does, we should be able to code are way through it...
  12. Can you send me a screenshot of the backend of your site under PAGES
  13. Try inserting this into CUSTOM CSS: .entry-content p {font-size: 20px !important; line-height: 1.6px !important;}
  14. The site is pretty messed up right now as I check on it, the images are floating right outside the viewing port: https://mindofalexander.squarespace.com/my-work/jlove-tv You might try using a NON FLUID section to solve this gapping issue as Fluid will do that sometimes with code blocks and other Squarespace Blocks. Let me know if you get the site back to normal settings and I'll give it a quick go...
  15. YW! updated the code too...
  16. Herea are a few options to try, maybe give the spacer blocks, collection, or column the same background color? Option 1: #block-yui_3_17_2_1_1640964500100_2605,#block-yui_3_17_2_1_1679103621292_45471 {background-color:#000000 !important;} Option 2: #collection-58b722d99f7456509dacf1f3 {background-color:#000000 !important;} Option 3: .columns-12 {background-color:#000000 !important;}
  17. Try adding this to the bottom of your custom css or alter any existing custom css: .eventlist a.eventlist-button {border-width: 2px !important; border-style: solid !important; transition: 0.1s background-color linear, 0.1s color linear; font-family: brandon-grotesque !important; font-weight: 700 !important; font-style: normal !important; text-transform: uppercase !important; letter-spacing: .3em !important; background-color: transparent !important; color: #272727 !important; width: auto !important; height: auto !important; padding: 1em 2.5em !important;} .eventlist a.eventlist-button:hover {background-color: #272727 !important; color:#ffffff !important}
  18. First, you might try loading the script into a "classic editor" section. If that doesn't work, please provide a link to the site & pw if it's not live...
  19. Option 1 Moves the object to the bottom: @media screen and (max-width: 640px) { #hero-image-1-model-s .Index-page-content { align-items: flex-end !important; flex-flow: row wrap !important; } } Option 2 adjusts the margin to the element: @media screen and (max-width: 640px) { #block-64e656a388b60f1a3a918e2d { margin-top: 300px;} }
  20. Sadly there isn't a scrollback feature for the Footer.. You can use this code to make the footer stick to the bottom: #footer-sections { position: fixed; bottom: 0px; z-index: 9999; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.