-
Posts
331 -
Joined
-
Last visited
Community Answers
-
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; }
-
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; }
-
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; }
-
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.
-
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; }
-
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; } }
-
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; }
-
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; } }
-
SquareRefresh's post in Alter height on mobile map block only was marked as the answer
You're welcome!
-
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; }
-
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; }
-
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; } -
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%; } }
-
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; } }
-
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
-
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:
-
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.
-
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; } }
-
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%; }
-
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; }