hrtovey

Small Button

<div class="sqs-block button-block sqs-block-button BlogList-item-excerpt"><div class="sqs-block-content">
<div class="sqs-block-button-container--center" data-alignment="center" data-button-size="small">
	<a href="{permalink}" class="sqs-block-button-element--small sqs-block-button-element" data-initialized="true">Read More</a>
</div></div></div>


-----------
Under Design > Style Editor > Blog: List > Read More Link, choose Hide to hide the default Read More link.

hrtovey

/* CSS */
#about {
  overflow:visible;
}

.cute-kitten-image {
  margin-top: -330px !important; /* Otherwise margin-top is overwritten by Squarespace template */
}

hrtovey

<script>
    function makeIndexNav() {
        var indexSections = Array.from(document.getElementsByClassName('index-section')).map(section => section.id);
        document.getElementById('content').appendChild(makeUL(indexSections));


        window.onscroll = function changeNav(){

            
            var indexSectionList = [];

hrtovey

<script>
	Y.on('domready', function() {
      Y.all('.BlogList-pagination-link-label').each(function() {
        if(this.getHTML() == 'Older') {
          this.setHTML('More');
        }
        
        if(this.getHTML() == 'Newer') {
          this.setHTML('Back');
        }

hrtovey

Step 1: Create a triangle shaped .png image to fit into the corner of your site.

Step 2: Create a link like this:

  <a href="URL HERE" id="corner-link"></a>

  Make sure to add the link to the page you want where it says URL HERE.

Step 3: If you want to add the link to a specific page, add the above link to that page's Page Header Code Injection.

hrtovey

// I created a 20x20px .png cookie image to add to my cookie notice button. Feel free to use the link below to download mine and upload it to your own Squarespace website. Or create your own. Get creative! :) Upload this image in Design > Custom CSS > Manage Custom Files to use it in your CSS.

.cookie-notice button:before {
    content: url(https://static1.squarespace.com/static/5ab9b2bd4cde7ab8d5a90e2c/t/5aff0c3c88251b88948c0edb/1526664252828/cookie-small.png);
    position: relative;
    top: 2px;
    margin-right: 5px;
    vertical-align: middle;
}

hrtovey

<style>

/* CSS Code to style the button. Change background-color and color to match your brand colors. */

.sf-back-to-top {
    background-color: #d52d8e;
    color: #fff;
    opacity: 0;
    transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;

hrtovey

{
	"firstName": "Jane",
	"lastName": "Smith",
	"address": {
		"streetAddress": "425 2nd Street",
		"city": "San Francisco",
		"state": "CA",
		"postalCode": 94107
	},
	"phoneNumbers": [

hrtovey

body {
    background: linear-gradient(270deg, #4fcee3, #ce00ab);
}

.Index-page {
    background-color: transparent;
}

hrtovey

h1 {
  line-height: 1;
  letter-spacing: 0;
  font-weight: bold;
}

h2 {
  line-height: 1;
  letter-spacing: 0;
  font-weight: bold;