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

katycarlisle

Circle Member
  • Posts

    142
  • Joined

  • Last visited

Community Answers

  1. katycarlisle's post in Can you create a link from a button to get to a certain 'section' on a page on a site instead of just that page??? was marked as the answer   
    Yes, you can do this by creating "anchor links". Squarespace have a guide here: https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links but essentially you add a code block at the top of the section you want to link to, and in the code block put:
    <p id="section-name"></p> Then create a link with #section-name added to end end of the page URL slug e.g. /about#section-name. 
    So using your site, if you wanted to link to say, the Benefits section of your Subscriptions page, you'd put a code block at the top of the Benefits section:
    <p id="benefits"></p> And then the link to that section would be /subscriptions#benefits
  2. katycarlisle's post in Marquee: Social icons in header? was marked as the answer   
    There's also another way to do this, going along the same lines but it has slightly fewer steps so might be of interest.
    You can use Font Awesome icons (you just need to add a line of code to your website header via the "Code Injection" section in the settings) and then use their icon codes instead of the image code when you're adding a link to the navigation.
    For example, using their Twitter code, add this to the title section:
    <i class="fa fa-twitter"></i>
    Then just add the Twitter link in the URL section.
    You can also adjust the size, for example, this would make it double in size:
    <i class="fa fa-twitter fa-2x"></i>
    You can actually make changes in the normal style editor too as it's just like another font, so you can edit the colours etc. (exactly what you can do will depend on your template) without having to use any CSS (although you can style it with CSS too if you want).
    More information here: Font Awesome Examples
    This would also work if you wanted any other icons in your navigation as they have a large library of different icons.
    Hope that helps, this is my first answer on here so I'm not sure of etiquette, should I post this on the other similar threads too? I will second the thanks to Brok whose initial response led me down this path!
  3. katycarlisle's post in Marquee: Social icons in header? was marked as the answer   
    There's also another way to do this, going along the same lines but it has slightly fewer steps so might be of interest.
    You can use Font Awesome icons (you just need to add a line of code to your website header via the "Code Injection" section in the settings) and then use their icon codes instead of the image code when you're adding a link to the navigation.
    For example, using their Twitter code, add this to the title section:
    <i class="fa fa-twitter"></i>
    Then just add the Twitter link in the URL section.
    You can also adjust the size, for example, this would make it double in size:
    <i class="fa fa-twitter fa-2x"></i>
    You can actually make changes in the normal style editor too as it's just like another font, so you can edit the colours etc. (exactly what you can do will depend on your template) without having to use any CSS (although you can style it with CSS too if you want).
    More information here: Font Awesome Examples
    This would also work if you wanted any other icons in your navigation as they have a large library of different icons.
    Hope that helps, this is my first answer on here so I'm not sure of etiquette, should I post this on the other similar threads too? I will second the thanks to Brok whose initial response led me down this path!
×
×
  • Create New...