Jump to content

rwp

Circle Member
  • Posts

    1,008
  • Joined

  • Last visited

  • Days Won

    14

Reputation Activity

  1. Like
    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; } }  
  2. Love
    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; }  
  3. Like
    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.
  4. Like
    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; }  
  5. Like
    rwp got a reaction from zehrajaffrey12 in Typewriter & delete effect? TypeIt or something similar   
    Can't be done with just CSS
  6. Like
    rwp got a reaction from LemonTim in adding text every after product price   
    .product-price::after {
        content: ' TEXT';
    }
  7. Love
    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
  8. Like
    rwp got a reaction from Begona in adding text every after product price   
    .product-price::after {
        content: ' TEXT';
    }
  9. Like
    rwp got a reaction from annie_mwm in Change color cart button   
    #collection-5e6fc99f4c83170df780908e .Site.loaded .Cart { filter: invert(1); }  
  10. Like
    rwp got a reaction from annie_mwm in Changing Logo Color on Different Site Pages   
    body:not(.homepage) .header-title-logo {
        filter: invert(1);
    }
  11. Like
    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/
  12. Like
    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.
  13. Like
    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.
  14. Thanks
    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;
    }
  15. Like
    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.
  16. Like
    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.
  17. Thanks
    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
  18. Like
    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.
  19. Thanks
    rwp got a reaction from canosoup in mobile menu spacing in 7.1   
    Design -> Custom CSS
  20. Thanks
    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
  21. Like
    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; }  
  22. Like
    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.
  23. Thanks
    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; }  
  24. Like
    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
  25. Like
    rwp got a reaction from Thomas_W in Text to appear on hover   
    PM sent for hover code.
×
×
  • 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.