How can I add a Spotify button to my Dawn website footer?

Hello,

I would like to add a Spotify button alongside the social media icons I currently have in the Footer of my Dawn website. Can someone please advise? I have the image already so if you can advise how to code this?

Hi @GIREGGIA

Please follow these steps:

  • Step 1: Go to the admin page, select the theme section, then select Edit Code.

  • Step 2: Find the File that generates the fliquid section, usually named Footer.liquid, then search for the location where you want to place the button.

For example, I want to place the position next to the payment icons, as shown

I’ll go to that tag location and put the button Please Click Me! tag there in the file.

  • Step 3: To add CSS for the button, I have put a class inside the tag is mybuttoncss. Then find the file theme.css or base.css and add the line of code
mybuttoncss{
    text-align: center;
    display: inline-block;
    border-style: solid;
    border-radius: 10px;
    transition: all .1s linear;
    line-height: 1.25;
    cursor: pointer;
    background-color: black;
    color: white;
    width: 150px;
}

As a result, you will put one more button next to it

I hope that it will work for you.

Hi, did you ever get this answered? The solution reply here about a “Please click me” button instead of a Spotify button isn’t a solution for this, unless I’m missing a way to further customize it.