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

Wolfsilon

Circle Member
  • Posts

    167
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Wolfsilon reacted to itsgus in Add JS effects & SVG effects to Squarespace 7.1 site — server-side code?   
    Hi Ad7am,
    The site is live: https://20nelabs.com
    All the scroll animations are implemented with GSAP using custom JavaScript
  2. Like
    Wolfsilon got a reaction from bangank36 in Add JS effects & SVG effects to Squarespace 7.1 site — server-side code?   
    If you're looking for fast and simple "scroll reveal" and block animations. You can use ScrollReveal. 
  3. Like
    Wolfsilon got a reaction from Ad7am in Add JS effects & SVG effects to Squarespace 7.1 site — server-side code?   
    If you're looking for fast and simple "scroll reveal" and block animations. You can use ScrollReveal. 
  4. Love
    Wolfsilon got a reaction from tuanphan in How to increase top margin only on entire site?   
    Hello!
    I think I understand what you're asking. To add space to the very top of your header/nav bar only, you can add:
     
    .Header .Header-inner { margin-top: 15px; } Use the Custom CSS tool in the Design options.
     
    Hope this helps!
  5. Like
    Wolfsilon got a reaction from jdbaumgart in How to increase top margin only on entire site?   
    Hello!
    I think I understand what you're asking. To add space to the very top of your header/nav bar only, you can add:
     
    .Header .Header-inner { margin-top: 15px; } Use the Custom CSS tool in the Design options.
     
    Hope this helps!
  6. Like
    Wolfsilon got a reaction from tuanphan in Kent Template - code to move the social icons from footer to navigation at top   
    Hello,
     I'll do my best to explain these steps but doing this is harder than it should be for some templates. To start, you'll want to navigate to your "Code Injection". Settings > Advanced > Code Injection.
    In the Header injection box, add :
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> After, click save and navigate back to "Home". 
    Click "Pages" and under "Secondary Navigation" click to add a page "+" and select "Links". For the "Link Title" you'll want to use the icon code for each social icon from the Font Awesome icon library we installed in the code-injection. I'll attach a link where you can search for more icons too. 
    Each Icon will be a separate "page". 
    For Instagram, add this to the Link Title box: 
    <i class="fab fa-instagram"></i> For Pinterest, add this to the Link Title box
    <i class="fab fa-pinterest"></i>  You'll only need to install the Code-Injection once. But you'll have to repeat the Secondary Navigation "Add Page/Link" steps for each icon.
    After, you've added the icon code to the Title box, in the link field. you'll want to add the URL for each of the social media accounts you want the icon to direct users too. 
    Additionally, If you click the gear symbol next to the "Link" field, you'll find an option where you can have the link open in a new window and a few other options too. 
    Hope this helps! 
  7. Like
    Wolfsilon reacted to OliHarris in May 21 Google Update - SEO, Site Speed and Core Vitals   
    Site URL: http://https/thesporting.blog
    So I am wondering if anyone else has heard whether Squarespace are going to look into addressing speed and load issues ahead of the May update from Google.
    I'm certainly worried myself about how to get the site loading quicker, having stripped out pretty much everything and worked hard to optimise all images etc. 
    Although Squarespace claims that Google's speed tests are punitive and not accurate, the core web vitals will be judged as such so its kind of irrelevant what any other site or speed test says. I have about 180 pages of 500 that are deemed 'Poor' yet at the moment they rank well. Come May, will these rankings drop off in favour of other sites that are built better?
    I feel its something that the webchat dance around and are asked to avoid discussing with us, so how do I get Squarespace to admit this will be an issue.
    I'm still running 7.0 and have cleaned up the site as much as I can without it becoming just text and no UX at all.
    Anyone else have concerns/suggestions for how to get this addressed?
     
  8. Like
    Wolfsilon reacted to MarLo56 in How do I get radio buttons to not be spaced so far from the text   
    Just thought I'd mess around with the codes a bit, trial and error.  I used both codes but deleted the line 
    justify-content: center !important;" and I got a winner. Screenshot attached.  Thanks everyone!!

  9. Like
    Wolfsilon got a reaction from MarLo56 in How do I get radio buttons to not be spaced so far from the text   
    Hi there!
    Try pasting this into your Custom CSS editor: 
    #collection-603bafa78186fa554e4d2112 input[type="radio"] { width: auto !important; } Let us know if it worked for you! 
  10. Like
    Wolfsilon got a reaction from tuanphan in How do I get radio buttons to not be spaced so far from the text   
    Hi there!
    Try pasting this into your Custom CSS editor: 
    #collection-603bafa78186fa554e4d2112 input[type="radio"] { width: auto !important; } Let us know if it worked for you! 
  11. Like
    Wolfsilon got a reaction from jcapozzola in Kent Template - code to move the social icons from footer to navigation at top   
    Hello,
     I'll do my best to explain these steps but doing this is harder than it should be for some templates. To start, you'll want to navigate to your "Code Injection". Settings > Advanced > Code Injection.
    In the Header injection box, add :
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> After, click save and navigate back to "Home". 
    Click "Pages" and under "Secondary Navigation" click to add a page "+" and select "Links". For the "Link Title" you'll want to use the icon code for each social icon from the Font Awesome icon library we installed in the code-injection. I'll attach a link where you can search for more icons too. 
    Each Icon will be a separate "page". 
    For Instagram, add this to the Link Title box: 
    <i class="fab fa-instagram"></i> For Pinterest, add this to the Link Title box
    <i class="fab fa-pinterest"></i>  You'll only need to install the Code-Injection once. But you'll have to repeat the Secondary Navigation "Add Page/Link" steps for each icon.
    After, you've added the icon code to the Title box, in the link field. you'll want to add the URL for each of the social media accounts you want the icon to direct users too. 
    Additionally, If you click the gear symbol next to the "Link" field, you'll find an option where you can have the link open in a new window and a few other options too. 
    Hope this helps! 
  12. Like
    Wolfsilon got a reaction from tuanphan in I need help removing the padding between images I post. Can anyone help? ​🙏​​🙏​​🙏​   
    I think you'd be able to decrease the section padding in Site Styles, maybe you've tried that. If you have, this might help.     .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section).section-height--small>.content-wrapper { padding-top: 0; padding-bottom: 0; }
  13. Like
    Wolfsilon got a reaction from tuanphan in Setting up snap-scrolling to homepage sections   
    Scrollify is clean and simple to setup on your website. Setting -> Advanced -> Code Injection. Be sure to include tags for JQuery. 
    Add it to the Footer. Sometimes the Head injection won't work. 
  14. Like
    Wolfsilon reacted to Charlie1 in Can't change paragraph font with css   
    @Wolfsilon That worked! Thank you!!
  15. Like
    Wolfsilon got a reaction from milan in Need help with code from Ghost plug-in   
    This is a paid plugin, right? If so, it's a little hard for me to see what they had you do to install it. Looking at your site I would bet that they had you either add some script the Header code injection or CSS. If you look around and find where it said "<!--Blog Post --!>" and remove just that single line. You should be good to go! 😄 
  16. Like
    Wolfsilon got a reaction from ghostplugins in Need help with code from Ghost plug-in   
    This is a paid plugin, right? If so, it's a little hard for me to see what they had you do to install it. Looking at your site I would bet that they had you either add some script the Header code injection or CSS. If you look around and find where it said "<!--Blog Post --!>" and remove just that single line. You should be good to go! 😄 
×
×
  • Create New...