Hi,
I'm sorry, but I have tested on your site and works:
- Upload Cover Picture
- See user info

Also, How can I edit the default cover photo that is assigned to new users?

You can use simple CSS code like this, default picture is only a background:

.jsn_social #cover {

    background: url( HERE YOUR IMAGE PATH ) no-repeat center center;

}

I will attach a video of how the website reacts for me in Chrome.

One more issue, while creating new groups, the Browse button's text is invisible! Could you please make the text Black?
I'll provide the website info

Thank you!

I will attach a video of how the website reacts for me in Chrome.

One more issue, while creating new groups, the Browse button's text is invisible! Could you please make the text Black?
I'll provide the website info

Thank you!

I will attach a video of how the website reacts for me in Chrome.

One more issue, while creating new groups, the Browse button's text is invisible! Could you please make the text Black?
I'll provide the website info

Thank you!

I will attach a video of how the website reacts for me in Chrome.

One more issue, while creating new groups, the Browse button's text is invisible! Could you please make the text Black?
I'll provide the website info

Thank you!

Hi,
strange we have tried and still work also on chrome, please follow these steps:
- Go to profile page
- Go into chrome Developer Tools - Console (shortcuts CTRL+SHIFT+J, here docs https://developer.chrome.com/devtools/docs/shortcuts )
- Click on "info" or "Edit Cover Picture" button
- Check Chrome console for some message, if you have any message please post me a screenshot

Hi,
have you tried from another device? these errors tell me that missing Javascript Jquery Library, but this library is present (checked in HTML source code on your site).

which one should I write the code in?

You can write this code into file /templates/rt_spectral/css/rt_spectral-custom.css

and the code would be like this:
.jsn_social #cover {
background: url(http://www.google.com/image.jpg) no-repeat center center;
}

This is better because your custom CSS is loaded before Social Network Plugin CSS:

#rt-page-surround .jsn_social #cover {

    background: url(http://www.google.com/image.jpg) no-repeat center center;

}

normally should use a relative path rather than an absolute path, this is because some browsers block content deemed external so instead http://www.google.com/image.jpg you can use something like ../images/your-file.png and put the image into folder /templates/rt_spectral/images/

I just tried it with a different computer, same results! Will send a screenshot

Hi,
I have checked your site from another machine with different SO and works, this is very strange. Your errors tell me that missing Jquery library, but this is correctly loaded. Jquery library is loaded by Joomla. Please check this:
- try with different device like a phone or tablet
- post me your page source code
- try to check errors with Google Chrome Console in page like Articles->Music Theory->New (this is a default Joomla page to add articles, this page use jquery)

I also checked your site and sorry for previous code, replace with

#rt-page-surround .jsn_social #cover {

    background: url(http://www.google.com/image.jpg) no-repeat center center cover;

}

without "cover" the background image not fill in monitor with big resolution

Also please check out the code for my background, it's still not working! But it might be my website lagging.
Here is the code that I copied in the .css file

#rt-page-surround .jsn_social #cover {
background: url(emusicianship.com/templates/rt_spectral/images/backgrounds/profile/cover.jpg) no-repeat center center cover;
}

Hi,
sorry for late reply it was a weekend for us.

Javascript problem, I already tried with your credentials from 3 different devices and works, I also have changed cover photo. We can't reproduce this error because all seems to work. Have your tried with different browser. we will send you a PM with contact to send us your HTML source code.

Also please check out the code for my background, it's still not working! But it might be my website lagging.

The best way is to use relative (relative from CSS file) path like:

#rt-page-surround .jsn_social #cover {

    background: url(../images/backgrounds/profile/cover.jpg) no-repeat center center cover;

}

I sent you a private message.
Also, the code still doesn't work! i don't see the cover photo that I designed.

Thanks