Custom background

General
1

Hello, I can’t find the background to customize the lyrics. Thank you the substance, not the lyrics

Screenshot_20260319_202459_Chrome
Screenshot_20260319_202459_Chrome971×937 99.4 KB

.

2

Hey @Daniel_Espinouse,

You can set a background for the lyrics using Custom Styles — it’s not done from the Lyrics settings.

You can do that by:
1. Clicking the AbleSet tray icon → then the gear icon → Show global custom styles
2. Drop your background image there (for example bg.jpg)
3. Open the styles.css file in that same folder and add:

.lyrics-page {
  background-image: url("/custom-styles/bg.jpg");
  background-size: cover;
}

4.	Save and reload AbleSet

That should show your image behind the lyrics.

Let me know if that resolves the issue!

3

Hello, I downloaded a background image and placed it in the CSS folder along with the script, but nothing happened. I must be doing something wrong. Thank you for your help

4

Hi Daniel, Ensure the file name is “bg.jpg” or you could replace the line in the css file to your filename for the background-image property.

2 Likes
5

Hey @Daniel_Espinouse,

I just took a look at your video and it seems that your styles.css file is fairly cluttered with invalid styles. Could you clear the file completely and only add the following lines?

.lyrics-page {
  background-image: url("/custom-styles/abstract-textured-background.jpg");
  background-size: cover;
}

This is assuming you’re using the file in your video, just make sure that the file name matches. Let me know if that works for you :slight_smile: