MusicPlay Theme Background Color

Need help with a different issue? Search the forums or open a new ticket.

Open a support ticket

This topic has 9 replies, 2 voices, and was last updated 10 years, 7 months ago by Anonymous.

Tagged: background, css, musicplay

2016-01-18 at 11:06 am
Support Expired

#12247
mrmagoo2012
Participant
Topics: 2
Replies: 11
Total posts: 13
Post count: 11
The attached capture of the MusicPlay theme demo shows the background as white #ffffff, this takes place when you click on a new page, between loading, it flashes up this white background before it loads the background image in.

I would like to be black #000000 — How can I do this please?

Reply
2016-01-18 at 3:57 pm

#12263
Anonymous
Inactive
Topics: 0
Replies: 3227
Total posts: 3227
Post count: 0
Go to style.css and search for this #preloader_iva_wrap and replace this

#preloader_iva_wrap { position: relative; padding: 20px 0; margin-top: 20px; margin-bottom: 20px; background-color:#ffffff; background-color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

with,

#preloader_iva_wrap { position: relative; padding: 20px 0; background-color:#ffffff; background-color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
Reply
2016-01-18 at 4:05 pm
Support Expired

#12265
mrmagoo2012
Participant
Topics: 2
Replies: 11
Total posts: 13
Post count: 11
I have replaced that CSS code Shailaja, but that hasn’t fixed the issue, the background is still white?

I also tried:

#preloader_iva_wrap {
position: relative;
padding: 20px 0;
background-color:#000000;
background-color: rgba(255,255,255,0.8);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}

Reply
2016-01-18 at 4:42 pm

#12271
Anonymous
Inactive
Topics: 0
Replies: 3227
Total posts: 3227
Post count: 0
Please change the background color (Body Background Properties) in Theme Options/ Styling/ Body Background Properties

Reply
2016-01-18 at 4:45 pm
Support Expired

#12272
mrmagoo2012
Participant
Topics: 2
Replies: 11
Total posts: 13
Post count: 11
Yes, this is set to: #000000

Reply
2016-01-19 at 6:37 am
Support Expired

#12284
mrmagoo2012
Participant
Topics: 2
Replies: 11
Total posts: 13
Post count: 11
Do you have any other suggestions? Thanks.

Reply
2016-01-19 at 9:53 am

#12285
Anonymous
Inactive
Topics: 0
Replies: 3227
Total posts: 3227
Post count: 0
No, we don’t have any other ways to suggest you. This is the only way we have provided in theme options. Is there anything else that I can assist you with?

Reply
2016-01-19 at 9:57 am
Support Expired

#12286
mrmagoo2012
Participant
Topics: 2
Replies: 11
Total posts: 13
Post count: 11
So is it something on my end? Where you able to get the screen to go black instead of white on your end?

Please advise.

Reply
2016-01-19 at 1:05 pm
Support Expired

#12296
mrmagoo2012
Participant
Topics: 2
Replies: 11
Total posts: 13
Post count: 11
I resolved this by changing this line in style.css

from:
body { margin:0; padding:0; }

to:
body { margin:0; padding:0; background-color: #000000; }

Reply
2016-02-05 at 10:46 am

#12747
Anonymous
Inactive
Topics: 0
Replies: 3227
Total posts: 3227
Post count: 0
Topic is set to be resolved. If you wish to update this topic please reply here instead of creating another topic.

Reply

You must be logged in to reply to this topic.