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

tuanphan

Circle Member
  • Content Count

    6,667
  • Joined

  • Last visited

  • Days Won

    65

Everything posted by tuanphan

  1. Can you share link to page where you insert Code Block?
  2. try again with this code https://codepen.io/khunglong/pen/BaNMBvp
  3. If 7.0, try uploading to your site via Developer Mode. If 7.1, host these file in other server, them embed to website via iframe (you can set full height & fullwidth for iframe)
  4. 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>
  5. Add to Home > Design > Custom CSS .gallery-slideshow { padding-top: 0; }
  6. What is access password?
  7. @media screen and (max-width:640px) { div#home-worship-banner-section .index-section-wrapper { height: 50px; } }
  8. Add to Info page Settings > Advanced Header <style> main#page { background: red; } </style>
  9. 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>
  10. Your site is private. Please setup password & share url
  11. To tapply backgroun images to blocks, you need to use code. Can you share link to page where you want to use background image?
  12. Add to Home > Design > Custom CSS div#home-page { padding-top: 5px; }
  13. Your site is private. Can you setup password & share url?
  14. Can you share access password?
  15. a.Header-branding, a.Mobile-bar-branding { font-family: yourfont !important; }
  16. @media screen and (min-width:641px) and (max-width:900px) { [data-nc-container="bottom-center"] { flex: 100% !important; } }
  17. Your header isn't fullwidth, so it is difficult to set background color. See screenshot below
×
×
  • Create New...