-
Posts
1,008 -
Joined
-
Last visited
-
Days Won
14
Reputation Activity
-
rwp got a reaction from GretchenElizabeth in Can I play a different background video for mobile?
@media screen and (max-width:1024px) { [data-section-id="5f5beacf1cb1680c6b76bcb1"] { display: none !important; } } @media screen and (min-width:1025px) { [data-section-id="5f7104719344cd07a2ef3145"] { display: none !important; } }
-
rwp got a reaction from Jmontison in How to slow down the fade transition in a 7.1 Gallery Slideshow
Hey @MaggieBovary
Lets try this...... I commented out one part of the last line. That line can be removed is this works.
Edit: Also, if this doesn't work, try turning off the dots for the different images, I am not sure if that will matter, but if it does I will look into it. There's like 300 lines of code for the slide show, so its a disaster to mess with.
.gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; }
-
rwp got a reaction from canicus in How to slow down the fade transition in a 7.1 Gallery Slideshow
.gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } .gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } Currently getting some hiccups with Firefox. This is on SquareSpaces side of things. I already spent about 3 hours trying to get this to work, and I don't feel like digging though a million lines of code again. (The standard transition doesn't work right in Firefox either, its just too fast to notice).
Anyway, this works with every other browser that I tested. I added 1000ms to the default values, I am not sure if the 200ms differences matter much, but I left them. You can probably leave out the importants, and honestly, you don't need the webkits, but I guess if someone is on a very old browser its good to toss them in there.
I will attempt to get this over to SS to see if they can fix the Firefox issue. It fades sometimes, snaps the next, not sure whats up.
-
rwp got a reaction from sayreambrosio in Header text breaks words between lines?
That's happening because you have spaces between every letter.
Remove all the spaces and add this to your CSS
#block-yui_3_17_2_1_1598522306783_21272 h2 { letter-spacing: 1.2rem; }
-
rwp got a reaction from zehrajaffrey12 in Typewriter & delete effect? TypeIt or something similar
Can't be done with just CSS
-
rwp got a reaction from LemonTim in adding text every after product price
.product-price::after {
content: ' TEXT';
}
-
rwp got a reaction from sophiaojha in mobile menu spacing in 7.1
.header-menu-nav-item a { padding: 0; font-size: 1em; } Adjust numbers as needed
-
rwp got a reaction from Begona in adding text every after product price
.product-price::after {
content: ' TEXT';
}
-
rwp got a reaction from annie_mwm in Change color cart button
#collection-5e6fc99f4c83170df780908e .Site.loaded .Cart { filter: invert(1); }
-
rwp got a reaction from annie_mwm in Changing Logo Color on Different Site Pages
body:not(.homepage) .header-title-logo {
filter: invert(1);
}
-
rwp got a reaction from nickstein in Scroll Arrow Indicator
@tuanphan I used your code to make it a button to scroll to the next section. Save this for later when others need it.
https://jsfiddle.net/pelletr1/ae1o3qzg/10/
-
rwp got a reaction from nickstein in Scroll Arrow Indicator
https://codepen.io/r-w-p/pen/ZEQwMoN
I moved my stuff to code pen, the new link is here.
-
rwp got a reaction from Poppyseeds in How to slow down the fade transition in a 7.1 Gallery Slideshow
I really have to say, so far I am tremendously disappointed with SquareSpace 7.1, its an absolute nightmare to do any customization, and basic things just don't work/aren't user adjustable.
Combing though 1000's of lines of CSS to change the speed of a slide show are crazy, especially when it doesn't work on a second slide show because a setting or two is different.
I've already spent about 4 hours today trying to get anchor links to work correctly because there are no more section ID's assigned when the page is generated.
-
rwp got a reaction from Cutri in Line break in Image Block title?
.image-title.sqs-dynamic-text p:first-of-type {
display: block !important;
}
-
rwp got a reaction from ShortAngryViking in 7.1 Anchor Links - FREE!!!!
I've been working hard on this, on and off for a few months.
I've had it working for a while, but it was never perfect.
Today I finally decided to try and wrap it up.
If you are interested, I will need you to send me a PM. I need to get a little more testing done to make its its 100%.
This is where I am at so far. If I am missing anything, let me know.
Allows for custom link text, so you will be able to see mysite.com/home#customtext, not a bunch of gibberish Correct anchor position, right at the top of the section, not below the padding by adding an anchor in a code block Correct location on a page refresh Correct location on a redirect from a different page Fast and efficient, the only hold up in the code is waiting for 7.1 to load THIS IS FREE!!!
This isn't a plug in, to be honest I don't even know what a plug in looks like for squarespace.
This is code I wrote, that I use on my customers sites. Its been changed, evolved, modified, over the past 6 months, and anyone is welcome to use it.
Anyway, if anyone wants to test it out, and help me get to the final stage of this, let me know via PM.
Thanks.
-
rwp got a reaction from k3ats in Inverted Cursor Hover Effect
@k3ats Glad it worked for you. I don't know who originally wrote that code, but with a few small tweaks it looks pretty sharp.
Have a great one.
-
rwp got a reaction from meggersly in "Draft" Banner on photos
You need to publish it after uploading.
https://support.squarespace.com/hc/en-us/articles/206543047-Gallery-Pages#toc-set-the-item-s-publication-status
-
rwp got a reaction from CraigN in How to slow down the fade transition in a 7.1 Gallery Slideshow
.gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } .gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } Currently getting some hiccups with Firefox. This is on SquareSpaces side of things. I already spent about 3 hours trying to get this to work, and I don't feel like digging though a million lines of code again. (The standard transition doesn't work right in Firefox either, its just too fast to notice).
Anyway, this works with every other browser that I tested. I added 1000ms to the default values, I am not sure if the 200ms differences matter much, but I left them. You can probably leave out the importants, and honestly, you don't need the webkits, but I guess if someone is on a very old browser its good to toss them in there.
I will attempt to get this over to SS to see if they can fix the Firefox issue. It fades sometimes, snaps the next, not sure whats up.
-
-
rwp got a reaction from canosoup in mobile menu spacing in 7.1
.header-menu-nav-item a { padding: 0; font-size: 1em; } Adjust numbers as needed
-
rwp got a reaction from Elzburg in How To Install + Dropdown Accordion in a Product Description
OHHHH. I think I see the issue.
You might have put some of the CSS in the code injection block.
So delete both codes from above replace with this (code injection)
<script> window.Squarespace.onInitialize(Y, function() { $('.ProductItem-additional .markdown-block').insertAfter('.ProductItem-details-excerpt'); $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor', 'pointer'); $('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp(); $('.markdown-block .sqs-block-content h3').click(function() { if ($(this).nextUntil('h3').is(':hidden')) { $('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp(); $('.markdown-block .sqs-block-content h3').removeClass('ui-open'); $('.markdown-block .sqs-block-content h3').addClass('ui-closed'); $(this).nextUntil('h3').slideDown(); $(this).toggleClass('ui-closed ui-open'); } else { $(this).nextUntil('h3').slideUp(); $(this).toggleClass('ui-closed ui-open'); } }); }); </script> Then add this to Design -> Custom CSS
.markdown-block p { margin-left: 1em; } .markdown-block .ui-closed:before { font-family: monospace; content: "+ "; color: #2DA9C6; } .markdown-block .ui-open:before { font-family: monospace; content: "- "; color: #2DA9C6; }
-
rwp got a reaction from harlan erskine in How to slow down the fade transition in a 7.1 Gallery Slideshow
I really have to say, so far I am tremendously disappointed with SquareSpace 7.1, its an absolute nightmare to do any customization, and basic things just don't work/aren't user adjustable.
Combing though 1000's of lines of CSS to change the speed of a slide show are crazy, especially when it doesn't work on a second slide show because a setting or two is different.
I've already spent about 4 hours today trying to get anchor links to work correctly because there are no more section ID's assigned when the page is generated.
-
rwp got a reaction from BenGoble in How to slow down the fade transition in a 7.1 Gallery Slideshow
Hey @MaggieBovary
Lets try this...... I commented out one part of the last line. That line can be removed is this works.
Edit: Also, if this doesn't work, try turning off the dots for the different images, I am not sure if that will matter, but if it does I will look into it. There's like 300 lines of code for the slide show, so its a disaster to mess with.
.gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; }
-
rwp got a reaction from jezhawk in mobile menu spacing in 7.1
.header-menu-nav-item a { padding: 0; font-size: 1em; } Adjust numbers as needed
-