Jump to content

creedon

Circle Member
  • Posts

    9,363
  • Joined

  • Last visited

  • Days Won

    78

Posts posted by creedon

  1. Replace, make a copy somewhere, your CSS with the following.

    <style>
    
      div#canvasWrapper {
      
        background-image : url( https://static1.squarespace.com/static/53514fd4e4b095a1b0b3a6bb/t/62d56f6fb8e3714244383a66/1658154863809/Dark+Green-2.png );
        background-position : center center;
        background-size : cover;
        background-repeat : no-repeat;
        
        }
        
      .ctrl-button .icon-hamburger:before,
      h1.logo.logo-image,
      h2.logo-subtitle,
      nav.main-nav
      
        {
        
          -webkit-filter : invert( 100% );
          filter : invert( 100% );
          
          }
          
      .sqs-mobile-nav-open .ctrl-button .icon-hamburger:before {
      
        -webkit-filter : unset;
        filter : unset;
        
        }
        
      form,
      p
      
        {
        
          color : #fff8dc;
          
          }
          
      </style>

    This is for v7.0 using the Forte template and specific to the poster's need.

    Let us know how it goes.

  2. 11 minutes ago, AC1 said:

    but I see that it doesn't work on English (United Kingdom) language sites.

    Please post the URL for a page on your site where we can see your issue. I can guarantee that I can make it compatible but I'm willing to take a look.

    If your site is not public please set up a site-wide password, if you've not already done so.

    Post the password here.

    Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

    Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

    We can then take a look at your issue.

  3. Add the following to Design > Custom CSS.

    /* disable calendar background image link */
    
    .yui3-squarespacecalendar .background-image-link {
    
      pointer-events : none;
    
      }
    
    // disable calendar flyout link and hide arrow, uses LESS syntax
    
    .yui3-squarespacecalendar .flyoutitem-link {
    
      pointer-events : none;
      
      .flyoutitem-link-arrow {
      
        display : none;
        
        }
        
      }
    

    Let us know how it goes.

  4. Please post the URL for a page on your site where we can see your issue.

    If your site is not public please set up a site-wide password, if you've not already done so.

    Post the password here.

    Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

    Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

    We can then take a look at your issue.

  5. Quote

    Obviously if one were to go the later route some kind of interface would need to be built for the filtering.

    I expanded on my crude demo code. If your filtering needs are extremely simple, basically one phrase then my code may be of use.

    Folks. You'll need to determine which of the various methods discussed in this thread suits your need. Each has pros and cons. Pick whatever method works for your situation.

    Please see Text Block Formats Phrase Filter.

  6. I'm thinking something based on DataTables. Then use Tables Generator to generate an HTML table for use with DataTables.

    132594377_ScreenShot2022-07-16at12_27_21PM.thumb.png.06925c5bc31317ebdcca6708881e970a.png

     

    1678939287_ScreenShot2022-07-16at12_41_25PM.thumb.png.c543a3d26a80060a3e4201fd0aa761fd.png

    The nice thing about both these tools is that they are fairly flexible. So it's pretty easy to get something going quickly. Easy is a relative term here. If you know a bit about HTML and some JavaScript then it shouldn't be too hard to get something off the ground. If you have no experience then it's going to be a bit harder.

    One thing to keep in mind is that with DT you can put all the rows in an HTML table but there is a performance downside in that it's all being done in memory in the browser. DT also has more advanced database like query features. If you plan to have lots of rows then you may want to think about some kind of database server down the road to make the table more performant.

    I also looked at using a text block as a crude database with the help of some jQuery (JavaScript).

    Here we see the full list.

    212538916_ScreenShot2022-07-16at12_44_38PM.png.3c92f80c1999dbee12bbfd99530e9bce.png

    Then I ran the following jQuery.

    $( '#block-yui_3_17_2_1_1657998311603_4069 p:not(:contains(U.S. Navy))' ).hide ( );

    1480799061_ScreenShot2022-07-16at12_47_49PM.png.9a0d9f5d5ba5e4b886f522273c2d4190.png

    And ran the following to show the full list again.

    $( '#block-yui_3_17_2_1_1657998311603_4069 p' ).show ( );

    Obviously if one were to go the later route some kind of interface would need to be built for the filtering.

  7. Add the following to Design > Custom CSS.

    #collection-6200547a77e7bb404b6beacc [data-section-id="62d214479d172fb5c50db76a"].black-bold:not( .has-background ) .section-background {
    
      background-color : #CC9900;
      
      }

    This is for v7.1 and specific to the posters need.

    Let us know how it goes.

  8. On 7/14/2022 at 2:25 PM, Ashelle said:

    This is exactly what I'm looking to do, but I am not knowledgeable enough in Javascript to know what personalized text I need to insert within the code provided.

    I updated my cited code in my March 6, 2021 post. The code is a bit more generalized and indicates where you need to insert your URL.

    In your case you are going to want the relevant line in the code to look like the following.

          const url = '/about';
    

    Let us know how it goes.

  9. Quote

    I am looking to have each item that is displayed on the page above be un-clickable

    Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

    <style>
    
      .products.collection-content-wrapper .grid-item-link {
      
        pointer-events : none;
        
        }
        
      </style>

    This is for v7.1.

    Let us know how it goes.

  10. On 7/14/2022 at 11:14 AM, gripvegas said:

    Is there any way to when the old add to cart button is clicked that it still adds the product to the cart?  I just realized that I don't have a way to add products to cart and have customers pay for their products.

    The code you installed won't do this but I have some other code that might fit the bill. Please see the following.

     

  11. 3 hours ago, GabbyVance1 said:

    I followed the instructions

    The first issue is you installed twcsl twice.

    <script src="/s/twcsl.js"></script>
    <script>
    
      const twcsl = ( ( $ ) => {
      
        /*
        
        Tom's Web Consulting Squarespace Library
        
        etc etc etc

    If your site is not in trial mode (you have paid for your site) then you keep the following line.

    <script src="/s/twcsl.js"></script>

    The twcsl instructions present two options for installing. You should choose one or the other method not both.

    Second. It looks like you have not installed the Blog Page Section Text Replace With Category or Tag, or Both code itself.

  12. 5 hours ago, OldLadyStudio said:

    I tried this second part of the code but it hasn't worked on my end.

    Please post the URL for a page on your site where we can see your issue.

    If your site is not public please set up a site-wide password, if you've not already done so.

    Post the password here.

    Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

    Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

    We can then take a look at your issue.

  13. Quote

    The only remaining issue is that I have a full screen image that still appears super small when it's magnified in Lightbox.

    Yeah that one is a tough nut to crack. Part of the issue is that the lightbox by design has the nav arrows which are basically two image overlays each taking 50% of the screen to go left and right. If the image could be made full size and scrollable to see the detail those overlays would prevent scrolling. The arrows could be gotten rid of but then, you have the issue that you can't easily nav between images.

    Off the top of my head I just don't see a clean way to get the effect you want at least using SS's lightbox.

    Perhaps others have ideas.

    You might look at Lightbox Anything. I don't know if it will handle the full size image requirement but it wouldn't hurt to contact the author to ask.

  14. 8 minutes ago, Ashelle said:

    This is exactly what I'm looking to do

    Please post the URL for a page on your site where we can see your issue.

    If your site is not public please set up a site-wide password, if you've not already done so.

    Post the password here.

    Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

    Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

    We can then take a look at your issue.

×
×
  • 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.