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

tuanphan

Circle Member
  • Content Count

    6,788
  • Joined

  • Last visited

  • Days Won

    67

Everything posted by tuanphan

  1. Add to Home > Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // check by tuan // for event 1 $("article.eventlist-event:nth-child(1) .eventlist-column-thumbnail").attr('href','https://beaverhero.com'); // for event 2 $("article.eventlist-event:nth-child(2) .eventlist-column-thumbnail").attr('href','https://google.com'); }); </script>
  2. Add to Home > Design > Custom CSS .gallery-slideshow { padding-top: 0; }
  3. @media screen and (max-width:640px) { div#home-worship-banner-section .index-section-wrapper { height: 50px; } }
  4. Add to Info page Settings > Advanced Header <style> main#page { background: red; } </style>
  5. Try adding to Code Block <h1 class='title'>PARTICLES!</h1> <h4 class='subtitle'>Click / Touch Anywhere</h4> <div class='particle-count'> <span class='number'>0</span> Particles </div> <span class='credit'> Created by <a href='https://codepen.io/ShawnCG' target='_blank'>Shawn G.</a> </span> <div class='particles'></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> var d = document, $d = $(d), w = window, $w = $(w), wWidth = $w.width(), wHeight = $w.height(), credit = $('.credit > a'), particles = $('.particles'), particleCount = 0, sizes = [ 15, 20, 25, 35, 45 ], colors = [ '#f44336', '#e91e63', '#9c27b0', '#673ab7', '#3f51b5', '#2196f3', '#03a9f4', '#00bcd4', '#009688', '#4CAF50', '#8BC34A', '#CDDC39', '#FFEB3B', '#FFC107', '#FF9800', '#FF5722', '#795548', '#9E9E9E', '#607D8B', '#777777' ], mouseX = $w.width() / 2, mouseY = $w.height() / 2; function updateParticleCount () { $('.particle-count > .number').text(particleCount); }; $w .on( 'resize' , function () { wWidth = $w.width(); wHeight = $w.height(); }); $d .on( 'mousemove touchmove' , function ( event ) { event.preventDefault(); event.stopPropagation(); mouseX = event.clientX; mouseY = event.clientY; if( !!event.originalEvent.touches ) { mouseX = event.originalEvent.touches[0].clientX; mouseY = event.originalEvent.touches[0].clientY; } }) .on( 'mousedown touchstart' , function( event ) { if( event.target === credit.get(0) ){ return; } mouseX = event.clientX; mouseY = event.clientY; if( !!event.originalEvent.touches ) { mouseX = event.originalEvent.touches[0].clientX; mouseY = event.originalEvent.touches[0].clientY; } var timer = setInterval(function () { $d .one('mouseup mouseleave touchend touchcancel touchleave', function () { clearInterval( timer ); }) createParticle( event ); }, 1000 / 60) }); function createParticle ( event ) { var particle = $('<div class="particle"/>'), size = sizes[Math.floor(Math.random() * sizes.length)], color = colors[Math.floor(Math.random() * colors.length)], negative = size/2, speedHorz = Math.random() * 10, speedUp = Math.random() * 25, spinVal = 360 * Math.random(), spinSpeed = ((36 * Math.random())) * (Math.random() <=.5 ? -1 : 1), otime, time = otime = (1 + (.5 * Math.random())) * 1000, top = (mouseY - negative), left = (mouseX - negative), direction = Math.random() <=.5 ? -1 : 1 , life = 10; particle .css({ height: size + 'px', width: size + 'px', top: top + 'px', left: left + 'px', background: color, transform: 'rotate(' + spinVal + 'deg)', webkitTransform: 'rotate(' + spinVal + 'deg)' }) .appendTo( particles ); particleCount++; updateParticleCount(); var particleTimer = setInterval(function () { time = time - life; left = left - (speedHorz * direction); top = top - speedUp; speedUp = Math.min(size, speedUp - 1); spinVal = spinVal + spinSpeed; particle .css({ height: size + 'px', width: size + 'px', top: top + 'px', left: left + 'px', opacity: ((time / otime)/2) + .25, transform: 'rotate(' + spinVal + 'deg)', webkitTransform: 'rotate(' + spinVal + 'deg)' }); if( time <= 0 || left <= -size || left >= wWidth + size || top >= wHeight + size ) { particle.remove(); particleCount--; updateParticleCount(); clearInterval(particleTimer); } }, 1000 / 60); } </script>
  6. To tapply backgroun images to blocks, you need to use code. Can you share link to page where you want to use background image?
  7. Add to Home > Design > Custom CSS div#home-page { padding-top: 5px; }
  8. Your site is private. Can you setup password & share url?
  9. Can you share access password?
  10. a.Header-branding, a.Mobile-bar-branding { font-family: yourfont !important; }
  11. @media screen and (min-width:641px) and (max-width:900px) { [data-nc-container="bottom-center"] { flex: 100% !important; } }
  12. Your header isn't fullwidth, so it is difficult to set background color. See screenshot below
  13. Can you share link to page where you use overlap block? I can take a look
  14. Use CSS [data-section-id="enter section id here"] .content-wrapper {padding-top: 5px; padding-bottom: 5px;} Each section has different ID. If you share link to your site, I can take a look
  15. Add to Home > Design > Custom CSS [data-nc-container="top-left"]:hover ~ [data-nc-container="top-right"] a { opacity: 0.5; }
  16. SS 7.1 doesn't support text on Gallery. You can follow this guide to add text. https://forum.squarespace.com/topic/151777-gallery-caption-workarounds-for-71-round-two/
  17. Just checked quickly. Increase width seems time-consuming. You can use this code to solve. .folder-toggle~.subnav div span { word-break: break-word; }
×
×
  • Create New...