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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Reputation Activity

  1. 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
  2. Thanks
    rwp got a reaction from Iza in Change portfolio titles with Hawley   
    .portfolio-hover-item-content { font-family: 'Love'; }  
  3. 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?
  4. Like
    rwp got a reaction from Thomas_W in Text to appear on hover   
    PM sent for hover code.
  5. 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
    $(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; }  
  6. 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.
  7. Like
    rwp got a reaction from designhalffull in Summary Block Title and Excerpt Overlay on Hover   
    .summary-item:hover .summary-content { opacity: 1 !important; }  
  8. 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.
  9. 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

  10. 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.
  11. 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.
  12. 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;
  13. 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 {
  14. 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.
  15. 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>  
  16. 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!
  17. Thanks
    rwp got a reaction from HelenCrozier in Safari issue with positioning text using flex: works fine in chrome   
    In order to use position: absolute, one of the parent elements needs to be position: relative
    You will also need to change bottom: 1% to bottom 0
    You can use any parent element you like, that contains both the image and the text, but padding will have to be account for if you use something way up the chain.
    This seems to work, but I am not sure if it will effect anything else on your page, its just one that I grabbed to give you an example:
    [data-layout-label="Post Body"] {
        position: relative;
    Edit, I also just noticed that you also have an issue between 601 and 640px wide, where the image disappears completely.
  18. Thanks
    rwp got a reaction from jkristobans in How do I align left code block content (countdown timer)?   
    #timer {
        text-align: left;
  19. Like
    rwp reacted to tuanphan in How can I get my carousel-summary blocks to line up?   
    I think I will set min-height for title ☺️
  20. Like
    rwp reacted to 61885 in How do I keep flexbox center justified even with min-width.   
    Dude! Thank you so much! I literally just started learning CSS last week and this has had me incredibly frustrated. I had no idea what to target and looked everywhere but this makes it way clearer. I really appreciate it! I still need to play around with the numbers for stepping it down and everything but this was a massive help!
  21. Like
    rwp reacted to gillianw12 in Changing Logo in Navigation Menu to White   
    @rwp It worked! Thank you SO much. 
  22. Like
    rwp reacted to AbiO in Changing Logo Color on Different Site Pages   
    Thank you so much! That worked!
  23. Like
    rwp got a reaction from tuanphan in Trying to add custom data via javascript to the head tag   
    Disable ajax
  24. Thanks
    rwp got a reaction from bonniergcuk in How to affix/align text to (hamburger) icon   
    .burger-box:before { content: 'Start Your\AJourney Here'; padding-bottom: 1em; width: auto; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; white-space: pre; line-height: 1 !important; transform: translateX(0); transform: translateY(-100%); }  
  25. Like
    rwp got a reaction from ArloB in Embedded Code creating their own scrollbars   
    Not really.
    You can make the I frame taller, to make it go away. You can also hide it, but you can not dynamically set the height of the iframe to the content that is inside of it.
  • Create New...