Jump to content

rwp

Circle Member
  • Posts

    1,008
  • Joined

  • Last visited

  • Days Won

    14

Community Answers

  1. rwp's post in Changing Logo Color on Different Site Pages was marked as the answer   
    body:not(.homepage) .header-title-logo {
        filter: invert(1);
    }
  2. rwp's post in Header text breaks words between lines? was marked as the answer   
    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; }  
  3. rwp's post in Can I play a different background video for mobile? was marked as the answer   
    @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; } }  
  4. rwp's post in Summary Block Title and Excerpt Overlay on Hover was marked as the answer   
    .summary-title a
    you are missing the link element
  5. rwp's post in Line break in Image Block title? was marked as the answer   
    .image-title.sqs-dynamic-text p:first-of-type {
        display: block !important;
    }
  6. rwp's post in Customize Mobile Burger Icon was marked as the answer   
    .top-bun, .bottom-bun { height: 3px !important; border: 2px solid #ababab; border-radius: 3px; }  
  7. rwp's post in Toggle Button for Content was marked as the answer   
    Disable ajax loading.
  8. rwp's post in HTML looks different when used in squarespace vs when view on its own in chrome was marked as the answer   
    I've had this saved for a while, I don't even remember where I got it.
    I've changed and tweaked it a bunch of times, and I have never really spent the time to get it 100% right.
    I just added the svg from your code to it, and it looks a lot better.
    Try it out, let me know what you think.
    https://jsfiddle.net/pelletr1/h904prbz/latest/
    Edit: I just plugged it all into your page from the console and it seems to work
  9. rwp's post in Disable Fade In with Navigation Bar when Scrolling was marked as the answer   
    Are you trying to keep it solid black, or transparent?
    This is make it solid
    #header { background-color: #141414; }  
  10. rwp's post in Move text or code block from "Additional Info" to "Product page description" product detail excerpt was marked as the answer   
    $('section.ProductItem-details').html( $('section.ProductItem-additional').html() ); $('section.ProductItem-additional').html(''); This jQuery would do it, but personal accounts don't allow code injection.
  11. rwp's post in How to remove mystery white space on mobile was marked as the answer   
    @media screen and (max-width:960px) { .Index-page-content { padding-top: 120px; padding-bottom: 120px; } } @media screen and (max-width:640px) { .Index-page-content { padding-top: 60px; padding-bottom: 60px; } } This is what is causing the headings to be cut off, squarespace is shrinking the padding at a screen width of 640px
    @media screen and (max-width:640px) { .Index-page-content { padding-top: 80px !important; padding-bottom: 80px !important; } } This should fix it.
    @media screen and (max-width:960px) { #block-yui_3_17_2_1_1592315790530_4759 { display: none; } } There's a spacer in your blog page on mobile, that will hide it.
  12. rwp's post in Change logo on scroll with fixed header 7.1 was marked as the answer   
    jQuery 3.5.1 (you will need to add in the jQuery script as well, its available from https://code.jquery.com/ I use minified.
    Upload the image that you want to use as the top image to the header in Squarespace
    Supply the url for top image and scroll image (its important that this matches the one you uploaded)
    The code will set the image class to "logo", it does this by using your alt tag, which is the only identifier Squarespace gave that img tag.
    After scrolling more than 100px, it will replace the image, change the value from 50 if you want it more or less.
    var topIMG = ""; var sclIMG = ""; $('img[alt="Gabriela Silveira"]').attr("class", "logo") $(window).scroll(function() { var value = $(this).scrollTop(); if (value > 50) $(".logo").attr("src", sclIMG); else $(".logo").attr("src", topIMG); });  
  13. rwp's post in How to change text colour for Blog comments section was marked as the answer   
    .squarespace-comments .new-comment-area .input form.comment-form textarea { color: #000; }  
×
×
  • 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.