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

rwp

Circle Member
  • Posts

    1,008
  • Joined

  • Last visited

  • Days Won

    14

Reputation Activity

  1. 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.
  2. 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.
  3. 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
  4. 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.
  5. Thanks
    rwp got a reaction from canosoup in mobile menu spacing in 7.1   
    Design -> Custom CSS
  6. 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
  7. 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; }  
  8. 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.
  9. 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; }  
  10. 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
  11. Thanks
    rwp got a reaction from Iza in Change portfolio titles with Hawley   
    .portfolio-hover-item-content { font-family: 'Love'; }  
  12. Like
    rwp got a reaction from Iza in Change portfolio titles with Hawley   
    I see the font in a lot of place, where is it not showing up properly?
  13. Like
    rwp got a reaction from Thomas_W in Text to appear on hover   
    PM sent for hover code.
  14. Like
    rwp got a reaction from Thomas_W in Text to appear on hover   
    Follow the instructions in my signature to do the following. We are not going to use any of the CSS that we used earlier.
    1. Generate jQuery script. Put that script in settings -> advanced -> header code injection
    2. Put the code below in the PAGE settings -> advanced -> code injection. Don't forget to add <script> before and </script> after.
    3. Add CSS to design -> custom CSS
    jQuery:
    $(document).ready(function() { $('#block-e993ac930a681a22485d').slideToggle(); $('#block-0fc5bc5cbab802374dcc').slideToggle(); $('#block-01b8c53da0d30f3dc89b').slideToggle(); $('#block-0ef7c397822d616f2dd6').on('click', function() { $('#block-e993ac930a681a22485d').slideToggle(); }); $('#block-404f94c8c8296976a7d1').on('click', function() { $('#block-0fc5bc5cbab802374dcc').slideToggle(); }); $('#block-d4438d0358b5795be950').on('click', function() { $('#block-01b8c53da0d30f3dc89b').slideToggle(); }); }); CSS:
    #page-section-5f1044addfa1ef7bff769dd6 figure { cursor: pointer; }  
  15. Like
    rwp got a reaction from CraigN 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 designhalffull in Summary Block Title and Excerpt Overlay on Hover   
    .summary-item:hover .summary-content { opacity: 1 !important; }  
  17. Love
    rwp got a reaction from bradybone 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.
  18. Like
    rwp reacted to tellemoi in How To Install + Dropdown Accordion in a Product Description   
    Thank you so much @rwp I toggled between using your code for the product description and using https://www.kayleighnoele.com/blog/how-to-install-a-faq-dropdown-accordion-in-squarespace for the original coding to create the drop down. It really does work! Thank you

  19. Like
    rwp got a reaction from bryonnagail in They did not just removed parallax scrolling in 7.1 did they?   
    They shouldn't be marketing the two platforms as 7.0 and 7.1.  Saying 7.1 makes it seem like its a new version of 7.0, and its not.
    7.1 is completely different from 7.0, and they should be calling it what it is.  7.0 should continue on, as a highly customizable, theme based platform and 7.1 should be more of a turn key webpage.
    I like 7.1 and so do my clients, but sometimes is a nightmare to get it to do what you want.
    After a book of custom coding, you can get it shaped up, and you can still turn it over to a client to manage on their own without too much fuss.
  20. Like
    rwp got a reaction from ACScruggs in Adding CSS to Product Pages   
    You can add a blocks to the product pages under the additional info tab.
  21. Like
    rwp got a reaction from ArminB in Stop menu items from wrapping in my dropdown menu   
    .header-nav-folder-content {
        width: max-content !important;
    }
  22. Like
    rwp got a reaction from amandasmadj in Custom CSS: How to exclude certain pages from justify text code   
    Use :not()
    body:not(#collection_________):not(#collection___________) p {
  23. Like
    rwp got a reaction from jennypetit in • 8 buttons, 1 page, 8 different button colors   
    #block-yui_3_17_2_1_1591046471157_19938 .sqs-block-button-element { background-color: green; } #block-yui_3_17_2_1_1591052092299_24639 .sqs-block-button-element { background-color: red; } #block-yui_3_17_2_1_1591052494308_19109 .sqs-block-button-element { background-color: blue; } #block-yui_3_17_2_1_1591052092299_27864 .sqs-block-button-element { background-color: yellow; } #block-yui_3_17_2_1_1591052092299_31447 .sqs-block-button-element { background-color: pink; } #block-yui_3_17_2_1_1591575769482_11090 .sqs-block-button-element { background-color: purple; } #block-yui_3_17_2_1_1591052494308_16927 .sqs-block-button-element { background-color: orange; } #block-yui_3_17_2_1_1591081825106_10092 .sqs-block-button-element { background-color: gray; } That's in order down the page, change the color to the hex code you want. IE change gray; to #cccccc;
    Dont forget the semicolon. If you want to change the font color, add a new line that says
    color: black;
    right under the blackground color line.
  24. Like
    rwp got a reaction from CraigN in Display different logo on product detail page   
    On the pages your want the darker logo, go to the page code injection and add, no need for a different image.
    <style> .header-title-logo { filter: invert(1); } </style>  
  25. Like
    rwp reacted to HelenCrozier in Safari issue with positioning text using flex: works fine in chrome   
    @rwp thanks so much for checking this out. I'm still learning about position properties and how they work!

    I've had some help from someone on another forum who also suggested I needed the relative property in there as well! 

    I did notice the disappearing image when I was shrinking the page and am not quite sure why the mobile breakpoint was so low. I changed it to 768 and it has stopped doing the disappearing act!
     
×
×
  • Create New...