Lesson 5 - Clean-up Coding Hacks

CLEAN-UP CODING HACKS

Here I want to show you just a few simple coding hacks (I found these on Squarespace help threads, and have used them on my own website).

Messing with your website coding is definitely NOT something I would recommend, because you can do serious and irreconcilable damage to your website. BUT Squarespace has a nifty little section where they allow you to add in code, without exposing you to ALL of the code you could potentially mess up. Pretty cool right?

So what I’m going to show you here is how to input code that:

1. Removes the date from each blog post (or “Lesson” in our case).

2. Removes the “like” heart and share symbol at the bottom.

I believe these small tweaks helps the course look more professional.

But there are a few caveats:

1. Not all Squarespace themes show the same things. There is a chance that your theme might not show the date or author’s name under each blog heading. Even better! No need to remove them!

   There is also a chance that your particular theme might show additional items, like an author bio, or something else. If there are other items you would like removed, you can do research on how to remove them here. (Again, I would not recommend making any major changes to your code, but only using small tweaks inside the Custom CSS section.)

2. Inserting these codes will also remove these features from other Blogs on your website. I personally do not mind, as I don’t like having these on my main blog anyway.

   There may be a coding hack that allows you to only remove these features from a certain blog, but I’ve not looked into that, and I image it might be a little trickier.

3. This will not remove the author’s name from under each blog heading. Personally, I am fine with having my name listed under each blog post title or “lesson”, but you might want this removed. If so, I would suggest finding a solution inside of Squarespace forums, or asking customer service directly. I image it’s an easy piece of code, just like removing the date.

---

Removing The Date Under Each Post Title

Under your Home feed click Design

Click on Custom CSS

Copy in the following code:

.entry-date { display: none !important; }

---

Removing “like” heart and share symbol

In the same location as previous instruction, go down a few lines and paste the following code:

/* Remove Share Buttons */
.squarespace-social-buttons {
   display: none !important;
}

.sqs-simple-like {
    display: none !important;
}

---

All in all, here is what my Custom CSS looks like with all of the above codes pasted in.

I like to leave a couple of lines in-between in case I ever want to go back to add or remove code. This helps me differentiate what is what.

---

< Table of Contents

Next Lesson >