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

AndreaDube

Circle Member
  • Posts

    25
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I was under the impression that 7.1 doesn't include a border option. Is this new?
  2. Try this in CSS: #block-00875c0b0eb68770e2f8 { h2 { margin-bottom: 0; } p.sqsrte-large { margin-top: 0; letter-spacing: 0.02em; } } Adjust the letter-spacing as needed
  3. Hi @scholarsayze, Try: .sqs-block-horizontalrule hr { width: 100%; }
  4. try this: // fixes anchor scroll // :target:before { content:""; display:block; height:90px; /* fixed header height*/ margin:-90px 0 0; /* negative fixed header height */ }
  5. .header-nav-item a[href="/store"]{ color: darkred !important; }
  6. Try: .header-nav .header-nav-item--folder .header-nav-folder-content { min-width: auto; }
  7. Try: .gallery-section .gallery-caption p { text-align: center; }
  8. Site title: a#site-title Navigation items: .header-nav-item a paragraphs: p
  9. Try the following for 7.1: // Sticky Product Filter 7.1 // .products.collection-content-wrapper .nested-category-tree-wrapper { position: -webkit-sticky; position: sticky; top: 100px; }
  10. Try this: I simply added the following CSS and it works perfectly: :target:before { content:""; display:block; height:120px; /* fixed header height*/ margin:-120px 0 0; /* negative fixed header height */ }
  11. Here's the site: https://abe-demo-71.squarespace.com/?password=demo The CTA buttons are the floating content. I think I figured it out (mostly by accident: this my first 7.1 site), but my coding is looking pretty messy: [data-section-id="5eecf9ca7f4e1119cdb81826"] { width: 70%; position: absolute; min-height: initial!important; z-index: 30; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*&+section { padding-top: 40px; }*/ .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } @media screen and (max-width: 767px) { position: relative; min-height: initial!important; display: block; width: 100%; overflow: hidden; border-radius: 0px; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, -15%); } }
  12. Did you end up having any luck with this? I'm having a similar problem with the floating content on mobile.
×
×
  • Create New...