Jump to content

SquareRefresh

Circle Member
  • Posts

    331
  • Joined

  • Last visited

Community Answers

  1. SquareRefresh's post in Transparent to filled header was marked as the answer   
    Hey @Desnoir try change Your code to:
    .homepage header#header:not(.shrink) { background: transparent; }  
  2. SquareRefresh's post in padding above site title was marked as the answer   
    Hey @glorea try to add next code in Custom CSS:
    .header { margin-top: 2.4vmax; }  
  3. SquareRefresh's post in "Page Content" aligned in center but keep "Site Title" and "Navigation" aligned left was marked as the answer   
    Hey @bubsy12 try to add next code in Custom CSS:
    #page { margin-left: auto; margin-right: auto; }  
  4. SquareRefresh's post in Hover customisation for an image was marked as the answer   
    Try to add next code:
    [data-section-id="61d3f19180af5560d20173f6"] .grid-item:not(:hover) .grid-image-inner-wrapper { filter: blur(4px); } Let me know if it works for You.
  5. SquareRefresh's post in Remove currency from Menu block was marked as the answer   
    Hey @swissweb do you mean remove the currency symbol? If so you can add this to your css
    span.currency-sign{ display:none!important; }  
  6. SquareRefresh's post in Blog post - move pagination arrows to the top of the page was marked as the answer   
    Hey @Chloe24 try to add next code into Custom CSS:
    .Main--blog-item { .Main-content { display: flex; flex-direction: column; } .BlogItem { order: 1; } }  
  7. SquareRefresh's post in Search block text color change was marked as the answer   
    Hey @likemindedproductions enter this into your css
    ::placeholder { color: white!important; }  
  8. SquareRefresh's post in Alter height on mobile map block only was marked as the answer   
    Hey @Outlast-Creative try to add next code in Custom CSS:
    @media screen and (max-width: 768px) { section[data-section-id="61a6092201d66c32ef971e05"] .sqs-block-map .sqs-intrinsic { padding-bottom: 56.25% !important; } }  
  9. SquareRefresh's post in Alter height on mobile map block only was marked as the answer   
    You're welcome!
  10. SquareRefresh's post in Five Template: Removing fade effect on hover was marked as the answer   
    Hey @Hettie try to add next code in Custom CSS:
    #productList .product:hover .product-image img { opacity: 1; }  
  11. SquareRefresh's post in Custom Curser bugs was marked as the answer   
    Hey, try to change a code to next:
    a, button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: url(https://static1.squarespace.com/static/6177faa906333b0e6c0f5f76/t/61957853363c352f320a07cb/1637185619935/pink.png), auto !important; }  
  12. SquareRefresh's post in Custom Curser bugs was marked as the answer   
    Replace:
    a { cursor: url(https://static1.squarespace.com/static/6177faa906333b0e6c0f5f76/t/61957853363c352f320a07cb/1637185619935/pink.png), auto; } To:
    a { cursor: url(https://static1.squarespace.com/static/6177faa906333b0e6c0f5f76/t/61957853363c352f320a07cb/1637185619935/pink.png), auto !important; }
  13. SquareRefresh's post in Squarespace 7.1 - Show social icons in header on mobile was marked as the answer   
    Hey @alanx try to add next code into Custom CSS:
    @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-burger { display: none; } .header .header-actions, .header .header-actions-action--social { display: flex; } .header .header-title-nav-wrapper { flex: 1 0 67%; } }  
  14. SquareRefresh's post in Is there a way to reduce the spacing on the sides of the mobile store page? was marked as the answer   
    Hey @L1NST3R try to add next code in Custom CSS:
    @media screen and (max-width: 767px) { .tweak-products-width-full .products.collection-content-wrapper { padding-left: 3vw; padding-right: 3vw; } }  
  15. SquareRefresh's post in @keyframes for CSS animations not displaying was marked as the answer   
    Hey @jilldiane_ remove previous code from page <style> tag and paste it into Custom CSS
  16. SquareRefresh's post in Navigation Folder customization - padding issue was marked as the answer   
    Hey @Penn try this:
    body:not(.header--menu-open) .header-nav-folder-content { background-color: transparent !important; } My result:

  17. SquareRefresh's post in Remove flashing of captions first from page with video blocks was marked as the answer   
    Hey @HelenCrozier it's default video block loading, You can't change it. Try to add site preloader if You don't want to see these spaces.
  18. SquareRefresh's post in Urgent help needed!! Widget extending outside of page in mobile view was marked as the answer   
    Hey @brynatmercy try to add next code in Custom CSS:
    @media screen and (max-width: 480px) { #CAFDonateWidgetContainer iframe { width: 100% !important; } }  
  19. SquareRefresh's post in Navigation bar not stretching full width was marked as the answer   
    Try this
    .header-width-inset .header-inner { max-width: 100%; }  
  20. SquareRefresh's post in reduce padding top and bottom of gallery was marked as the answer   
    Hey @KathrynW try to reduce the site margin.


    or try to use next code:
    .gallery-grid[data-width="inset"] { padding-top: 1.5vw; padding-bottom: 1.5vw; }  
×
×
  • 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.