# (Squarespace) Adding 3 buttons under Portfolio Title

**URL:** <https://community.elfsight.com/t/squarespace-adding-3-buttons-under-portfolio-title/116876>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [April 28, 2025, 2:28pm UTC](https://community.elfsight.com/t/squarespace-adding-3-buttons-under-portfolio-title/116876 "2025-04-28T14:28:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [April 28, 2025, 2:28pm UTC](https://community.elfsight.com/t/squarespace-adding-3-buttons-under-portfolio-title/116876/1 "2025-04-28T14:28:38Z")

</div>

To add 3 buttons under Portfolio Title, like this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/a/da377f6da89c4fb2da2dba1594f71721e0897f09.jpeg)

or this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/f/cfcfab9d7a3017401a302c01e289ee482e01a6e4.jpeg)

**#1**. First, find Portfolio Item URL

In my example, we will have

/projects/harvard-university

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/f/4f98b839112b80b55ae5207f7ad36db0d2737afc.jpeg)

/projects/stanford-university

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/8/58e30350c543bfadd7b181072be37a0b9fc21d98.png)

/projects/university-of-oxford

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/6/8664de370bf73d12c7bad5ae2481aa116a6d685a.png)

/projects/university-of-cambridge

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/b/ab1912959e6ab7b2b621bf4a47a58ef0beb9a063.png)

**#2.** Next, click Plus icon in Not Linked

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/2/3272b77c33c94803e599985d1b40a4e8bef7fb81.png)

**#3**. Next, choose Blank Page

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/4/e4af9baff81249d3da1ded9781378eede96632d4.png)

**#4.** Make sure Page Name/URL is

Name: Project Extend

URL Slug: /project-update-text

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/6/16204531c0195606d3731e2e68488b34fc3f8f86.png)

**#5.** Add some hyperlink text like this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/5/75d46748b8d46d236a6ddd2101859efe626fdb64.png)

We will have result like this

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/1/515c4a0ebcdef314caee88229d47fcc03e077b53.png)

**#6.** Install **[this plugin](https://buymeacoffee.com/tuanphan.hero/e/395029)** (free plugin)

Plugin will give you some code. You can add it to Code Injection \> Footer.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/6/d654c46e25c1480755c727ab723cc0d2b45dc571.jpeg)

**#7.** Use this code to Custom CSS.

```auto
div.portfolio-description a {
    background-color: #000;
    color: #fff;
    padding:5px 10px;
    display: inline-block;
    margin-bottom: 10px;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/9/e971f940a4bc3bb51a8a51506bb23c9d9ff73a0c.jpeg)