creedon Posted October 21, 2020 Share Posted October 21, 2020 @ashleemundywebsitede Add the following to Design > Custom CSS. .sqs-widgets-audio-player .player { font-size: 20px; } .sqs-widgets-audio-player .title-wrapper .title { font-size: 1.2em; line-height: 1.1em; } Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
ashleemundywebsitede Posted October 21, 2020 Share Posted October 21, 2020 12 hours ago, creedon said: @ashleemundywebsitede Add the following to Design > Custom CSS. .sqs-widgets-audio-player .player { font-size: 20px; } .sqs-widgets-audio-player .title-wrapper .title { font-size: 1.2em; line-height: 1.1em; } Let us know how it goes. That worked like a charm! Thank you so much! creedon 1 Link to comment
JHoward Posted January 25, 2021 Share Posted January 25, 2021 Is there a custom css that allows you to move or add the audio player above the add to cart button? Link to comment
creedon Posted January 25, 2021 Share Posted January 25, 2021 @JHoward Please post the URL for the page where you want to accomplish this effect. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
ashleemundywebsitede Posted June 14, 2021 Share Posted June 14, 2021 On 10/20/2020 at 11:03 PM, creedon said: @ashleemundywebsitede Add the following to Design > Custom CSS. .sqs-widgets-audio-player .player { font-size: 20px; } .sqs-widgets-audio-player .title-wrapper .title { font-size: 1.2em; line-height: 1.1em; } Let us know how it goes. This worked beautifully! 🙂 Thank you! creedon 1 Link to comment
Mlekoman Posted March 9, 2022 Share Posted March 9, 2022 Is there a way to use a custom font for song title and artist name in Audio Block? Link to comment
tuanphan Posted March 13, 2022 Share Posted March 13, 2022 On 3/9/2022 at 9:35 PM, Mlekoman said: Is there a way to use a custom font for song title and artist name in Audio Block? Possible. Can you share link to page where you use Audio Block, we can give exact code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Mlekoman Posted March 21, 2022 Share Posted March 21, 2022 On 3/13/2022 at 11:59 AM, tuanphan said: Possible. Can you share link to page where you use Audio Block, we can give exact code https://ritmiweb.squarespace.com/01-still-corners-16-4-2022 Password: ritmiweb Thank you very much! Link to comment
iJizzy1 Posted August 18, 2022 Share Posted August 18, 2022 (edited) Hello there, Is it possible to change the size of the audio block only on mobile ? Thank you for your help. 🙂https://brondyhumphrey.com/photographies/photographie-les-sables-olonne psw: pure Edited August 18, 2022 by iJizzy1 Link to comment
tuanphan Posted August 21, 2022 Share Posted August 21, 2022 On 8/18/2022 at 5:47 PM, iJizzy1 said: Hello there, Is it possible to change the size of the audio block only on mobile ? Thank you for your help. 🙂https://brondyhumphrey.com/photographies/photographie-les-sables-olonne psw: pure You mean reduce width or? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
iJizzy1 Posted August 21, 2022 Share Posted August 21, 2022 Yes, I meant the width of the audio block. Link to comment
tuanphan Posted August 24, 2022 Share Posted August 24, 2022 On 8/21/2022 at 3:51 PM, iJizzy1 said: Yes, I meant the width of the audio block. Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1639248384901_6868 { width: 30%; margin: 0 auto; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
iJizzy1 Posted August 24, 2022 Share Posted August 24, 2022 Do you have a code for all audio blocks ? Thank you again @tuanphan Link to comment
tuanphan Posted August 27, 2022 Share Posted August 27, 2022 On 8/25/2022 at 4:19 AM, iJizzy1 said: Do you have a code for all audio blocks ? Thank you again @tuanphan Use this code @media screen and (max-width:767px) { div.audio-block { width: 30%; margin: 0 auto; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
iJizzy1 Posted August 28, 2022 Share Posted August 28, 2022 There is still the grey bar on the audio block : Link to comment
tuanphan Posted August 29, 2022 Share Posted August 29, 2022 20 hours ago, iJizzy1 said: There is still the grey bar on the audio block : No grey line here Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lilliebeale Posted June 13, 2023 Share Posted June 13, 2023 Hi there, do you have code to round the corners of the audio block and to centre-align the text? Link to comment
tuanphan Posted June 15, 2023 Share Posted June 15, 2023 On 6/13/2023 at 9:08 PM, lilliebeale said: Hi there, do you have code to round the corners of the audio block and to centre-align the text? Can you share link to page where you use audio block? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
zoester300 Posted January 10 Share Posted January 10 (edited) Hey @tuanphan, do you have code to change the colour of the play button? I've tried to find the element ID using inspect tool but can't isolate it from the rest of the player block. I'd be grateful for your help as I have managed to make the other changes I need. thanks I figured it out, here is my code for anyone else that may need it: //*audio block tweaks*// .sqs-widgets-audio-player.dark { background: black; color: #F8CB3D !important; font-family: 'Overpass Mono'; font-size: 16px; font-weight: bold; } .sqs-widgets-audio-player.dark .play .play-button { border-left-color: #F8CB3D !important; } Note: it wasn't possible to isolate the element .play-button because I had no files uploaded yet and so inspect tool could not see that button. When I added trackes, problem solved! Edited January 10 by zoester300 found solution Link to comment
tuanphan Posted January 12 Share Posted January 12 On 1/10/2024 at 6:00 PM, zoester300 said: Hey @tuanphan, do you have code to change the colour of the play button? I've tried to find the element ID using inspect tool but can't isolate it from the rest of the player block. I'd be grateful for your help as I have managed to make the other changes I need. thanks I figured it out, here is my code for anyone else that may need it: //*audio block tweaks*// .sqs-widgets-audio-player.dark { background: black; color: #F8CB3D !important; font-family: 'Overpass Mono'; font-size: 16px; font-weight: bold; } .sqs-widgets-audio-player.dark .play .play-button { border-left-color: #F8CB3D !important; } Note: it wasn't possible to isolate the element .play-button because I had no files uploaded yet and so inspect tool could not see that button. When I added trackes, problem solved! 2-3 weeks ago I just solved a same case on forum, you try searching again on forum Or share link to page where you have problem, I can inspect code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment