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

alexbusk

Circle Member
  • Content Count

    10
  • Joined

  • Last visited

  1. No problem Paul, you can use both jQuery and JS both on the website, the advantage of jQuery is that it's easier to write on.However, Squarespace has Yahoo's YUI3 library built-in (similar to jQuery), so you can just use that instead of full JS.https://yuilibrary.com/
  2. Hey Chris, try adding this code to the Footer of the Code Injection section: <script> YUI().use('node', 'transition', 'node-event-simulate', function(Y) { Y.on("domready", function(){ Y.all('#collection-5ca7e49aeb393170cbb0a7df img[data-src*="Logo"]').each(function(){ this.on('click',function(){ window.location.href = 'http://www.google.com'; }) }) }) }) </script> Don't forget to change the Google link to the one you want to use.
  3. Hey Paul, cool art. Here is the code that might help you achieve the result: <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script> $(window).bind('load',function(){ $.getJSON('/firelightisle/?format=json-pretty', function(data){ $.each(data.items, function(i) { if(i == 0) { $('#post-'+this.id).addClass('latest'); } }) }); }) </script> You need to add it to the footer of your "Code Injection" section. This code basically adds the class "latest" to your most recent blog entry, which you can then use to add any custom CSS.
  4. If you want to target only 3 images at the bottom use this code #block-yui_3_17_2_1_1554673554712_99597 + .row img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; }
  5. This is only for the one image you had troubles with if you want to apply it to all images on the website you need to use the following code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; }
  6. Add this code to your Custom CSS section, it should help #block-yui_3_17_2_1_1554480638744_77265 img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; }
  7. Can you share the link to your website, please?
  8. Hey, try adding this code to the Custom CSS section: .sqs-block-gallery .slide img { opacity: 1 !importat; } If it doesn't work, try a more detailed selector Note: adding the code to the custom CSS will affect all galleries on the website.
×
×
  • Create New...