Your Time:
Our Time:
← Back to discussions

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.

  • 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?

    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;
    }
    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;
    }

    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

    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

    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.

    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?

    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.

    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; }

    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.

You must be logged in to reply to this topic.