tommmmusic

Hey Tuanphan, I basically copied the code and repeated it for each separate block. I think no need to group them together, no difference right? Thanks again!

Hey @tuanphan, thanks so much - that works great with one block (Spotify player), but if i try to apply that code as a list to the other Spotify playlists on the page, it doesn't work... If you see how I've tried to add multiple, you'll see the effect it has on the page... Question: How can I write a code for all 4 playlists on the page? Many thanks! Here is the code: The coding for the first playlist doesn't work (div#block-yui_3_17_2_1_1673746598493_19432) but the second does First playlist: Second playlist: Thanks!

Sure! Page is: https://www.tommmatthews.com/projects/tv-drama Many thanks!

I noticed on @CalvinEKyour site, even on mobile version, you managed to embed a Spotify player with only a small gap (padding) under your playlist - could you share the code you used to get this to work? Many thanks!

Does anyone have any solutions to this? Many thanks! @tuanphan @creedon

Just renewed my website for another year, only to find that the Mobile version has a big space whenever I embed a Spotify playlist; this looks awful and so unprofessional. For a musician who depends on playlists, the majority of which are Spotify tunes, I need it to look good - at the moment, there is a huge empty space on my page under EVERY playlist (the yellow I added is the space I wish to remove): Can someone pls advise how to remove this blank space, and how to change the code so that the playlist is not minimised to a window that you have to scroll on. Thanks for your help!

Thanks @creedon, that works perfectly!

Site URL: https://accordion-jaguar-tztz.squarespace.com/config/ Hey, I would like to use a button to link to a specific section of a different page on my site. I tried adding #page-section-6287181646824c0fb5501e0e to Link Editor > Page on the button settings, but when I click it, it just loads the home page. What I would like to do: I would like to link to this specific section on my page; PROJECTS > SHORTS > working with the GHFA The page section I would like to link to looks like this: The button "More about the GHFA" is located in PROJECTS > TRAILERS > Speedy Recovery section, which looks like this: my site password: ost Many thanks for your help! Tomm

Hey @tuanphanthe only problem is that by creating a code block in the footer, it messes up the spacing and symmetry I had between the logo and the text, in the mobile version: Also, same problem; where can I put this code to make the "TOP" button disappear, without more blank space being created in the footer: <style> a.t-top { display: none !important; visibility: hidden !important; opacity: 0 !important; } </style> NB: I only have a personal account, not business so I can't inject code... Thanks again, Tomm

Thank you @tuanphan! Is there any way to make the button only appear as you scroll down the page / disappear as you scroll back up?

@tuanphan Thanks for sharing this code. Is there any way to apply this code only on particular pages (ie pages that are longer, in my case the PROJECTS pages (TV DRAMA / FEATURE FILM / SHORTS / TRAILERS only)? I tried adding a code block to the end of my TV DRAMA page, but it didn't recognise the code. I also asked about this here; site: https://accordion-jaguar-tztz.squarespace.com/config/ pass: ost Many thanks! Tomm

Site URL: https://accordion-jaguar-tztz.squarespace.com/config/ Hi, how do I add a button at the top of the footer that allows the page to scroll to top of page? Option 1: I have a friend who also built a Squarespace site, and I'd like to do the same as his, so it sits on the line: Option 2: Either this or a floating arrow that fades in appearing on the right hand side as you reach the end of the page; this guy has a tutorial showing you how to do it (https://www.will-myers.com/articles/building-a-back-to-top-button-in-squarespace), but I don't have Premium, so I don't have the Advanced code injection available - is there anyway to add that type of thing on Design > Custom CSS? Many thanks for your help! Tomm

Awesome! That works great, thanks so much! Any ideas with the mobile version how to reduce the space?

Hey @bangank36, thanks for your help! I tried your CSS, thank you. For desktop, the space below the tomm icon is good (I changed it to 17vh), but the space above is a bit too much, looks imbalanced. Is that possible to change to something like this, ie removing the red section? Many thanks again! Tomm

Thank you Tuanphan!

Site URL: https://accordion-jaguar-tztz.squarespace.com/config/ Hi, I'd like to reduce to amount of empty space on my footer, on both the desktop and mobile versions. At the moment, I have the 'section height' as S, but it still isn't enough; there's just too much blank space. I'd like to make it a little more compact. How do I do this? Can the padding of the logo image I have be reduced also on the mobile version, so that the email/LinkedIn/IG hyperlinks aren't so far away? I've attached pictures to show how I'd like to edit it. If there is a custom CSS I can add, and you are able to help me write a code for this, I can play around with the specific dimensions myself. Password for site: ost Mobile: Desktop: Many thanks for your help! Tomm

Hey, I tried the code, but it's the same problem - it reduces the size of the Spotify player, but then the block forces it to have a big gap between it and the text block below. Here are two examples; / Do you have any ideas how to get rid of the block? This is the code I used for Bandcamp player, and it worked, anything like this? Many thanks again! Tomm

Site URL: https://accordion-jaguar-tztz.squarespace.com/config/ Hi, @tuanphan kindly gave me the coding to customize the size of pictures on certain sections of my page, which worked great. This was the coding; It looks like this; I would like to do the same, but with the logo picture I have on the Footer, but again - only on the Mobile version. At the moment, the Desktop version of the Footer looks fine, like this; But the Mobile version looks like this, I'd like to make it a lot smaller; I'm guessing it's a similar coding to Tuanphan's, could someone help me write that CSS, so that it affects that picture all across the website, but on the Mobile version only? The password for my site: ost Thanks so much for your help! Tomm

Hey Tuanphan, Just wondering how to fix this empty gap at the bottom of Spotify playlists... I'm not sure whether the problem is on Spotify's end or Squarespace: Problem 1: Even if you try embedding a "compact" playlist using Spotify's custom code, when you put that into Squarespace, it doesn't work. This is the screen from Spotify; Problem 2: Unless the playlist has a lot of tracks, and has scrolling function, the playlist seems to have a default minimum height, so even if you have two tracks, it will have a huge gap at the bottom. Problem 3: I googled this, although this is on a Wordpress forum, someone had the same problem; & their solution was this CSS: However, I tried copying that custom CSS into my Squarespace, it doesn't seem to change anything. Can you suggest any similar coding workaround, but for Squarespace - a max-height custom coding? How about something like this... "change height of spotify embed..." Thanks so much for your patience and help! Tomm

Hey Tuanphan! **update** #1 I've figured out how to find each individual image ID, thanks so much for the code, looks much better 🙂 #2 Solved! Rather than putting in the custom CSS for padding bottom, I compared mine to another friend's bandcamp he'd embedded; my embed code was incorrect. Just FYI, it needs to be formatted like this, with width as 100%, not as a px number. Here is the embed code I edited: <iframe style="border: 0; width: 100%; height: 340px;" src="https://bandcamp.com/EmbeddedPlayer/album=519839169/size=large/bgcol=ffffff/linkcol=0687f5/artwork=none/transparent=true/" seamless><a href="https://tommmatthews.bandcamp.com/album/speedy-recovery-soundtrack-2019">Speedy Recovery Soundtrack (2019) by Tomm Matthews</a></iframe> Much appreciated! I have a new question about the line spacing, particularly on mobile, I'll start a new thread! Tomm

Hey, thanks for the coding - #2 I tried out, but it looks like this on Desktop: the photo below it and the bottom of the Bandcamp player are right glued next to each other; Mobile looks like this; I tried changing padding-bottom % but it doesn't help... Also, for #1 when you say combine the code, do you mean put in each separate logo's code into a list, so where it says: div#block-id2 'id2' should be replaced by yui-xxxxx? How do I find that yui blockcode, where do I look? For example, the second logo on that page, this one on "TRAILERS"... Where do I find that code? Many thanks for your help! Tomm

Hey Tuanphan, any ideas on #1 and #2 above? Thanks to you the site is gradually starting to look better!

Hey, I'm using both Chrome on Macbook pro, 13" - When you look at the "TV drama" page, do all the Spotify playlists appear, no gaps or anything missing on the page? Could you take a screenshot of what you see? I zoomed out in the browser and took screenshots of what it looks like on mine, is it the same for you? Many thanks! Tomm

Hi, I also have another question (other question #1 in previous post): 2. Regarding Bandcamp album playlist embedding - I'm happy with the layout of the embedded playlist, but for some reason there's a huge gap underneath on my page...how do I remove that empty space? This problem is located on PROJECTS > SHORTS > speedy recovery: https://accordion-jaguar-tztz.squarespace.com/projects/shorts Many thanks for your help! Tomm

Hi! #2 I didn't manage to solve, I couldn't find a way to reduce the height of the Spotify playlist above, is there anyway to do this? Thanks again! Tomm