Jump to content

gregbarbosa

Circle Member
  • Posts

    28
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

464 profile views

gregbarbosa's Achievements

  1. @bangank36 that worked! Thank you. Targeting the span and setting overflow to visible was what I missing!
  2. Site URL: https://weareteller.com/sandbox How do I turn a code block into a sticky item? I'm using the following code and noticing it works with other block types, but not code blocks: .code-block { position: sticky; position: -webkit-sticky; top: 100px !important; } My guess has to do with how position: sticky handles content inside of wrappers, but I'm not sure. I'd like the right side column (text inside a code block) to stick as a visitor scrolls down a page.
  3. Okay I must be going crazy now. That code no longer works. It's now stuck behind again. Is there a change I broke or something else I have to do? Here's the code I'm using (I re-added the image so the block-yui changed): /* remove section bottom padding */ [data-section-id="5ddd4eb4522cc3312c5226a6"] .content-wrapper { padding-bottom: 0 !important; } /* remove overflow hidden */ div#block-yui_3_17_2_1_1587085802684_25650 .image-block-wrapper { overflow: visible !important; } /* overlap image */ div#block-yui_3_17_2_1_1587085802684_25650 img { width: auto !important; bottom: -20% !important; top: unset !important; right: 0; z-index: 999; }
  4. Site URL: https://www.weareteller.com I'm trying to have images overlap different sections like the attached image. Using negative margins I can get it to move outside the container, but don't know how to get it to overlap.
×
×
  • 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.