1
Shutterstock.com / SS Dashboard Fix
« on: February 17, 2017, 17:28 »
I just haven't been able to get used to the new dashboard on SS. They added a bunch of stuff to the top of the page that I don't really care about.
Profile picture front and center?
Unpaid earnings......right under unpaid earnings???
All time earnings in gigantic letters stretching all the way across the page?
I decided to make a Greasemonkey script to fix some of it and I thought I would post it here in case anyone is interested.
Here is a summary of what I changed:
It completely removes the following - the div element with the profile picture, the div element with unpaid earnings, the div element with all time earnings, and the div element for additional resources.
I also took the left hand column and floated it to the right. This has two advantages. The first one is that it moves uploads and announcements to the right hand side of the page which is where they were before and where I prefer them to be. The second is that it moves the map over so that it is front and center where it should be.
The last thing I did was make the Unpaid Earnings button at the top right link to the earnings page like it used to do.
I made this based on my personal preferences and am providing it as is so if you don't like something about it fix it yourself.
In Greasemonkey select New User Script
In the Includes box add the line: https://submit.shutterstock.com/dashboard*
I think Name and Namespace are required but I don't think it matters what you put in those.
Click OK and then copy and paste the following:
function doStuff() {
document.getElementById('monthly-earnings-dropdown').href = "/earnings";
document.getElementById('monthly-earnings-dropdown').removeAttribute("data-toggle");
var x = document.getElementsByClassName("col-md-6 col-sm-12 hidden-xs");
x[0].style.display = "none";
x[1].style.display = "none";
document.getElementById('earnings-summary-container').style.display = "none";
document.getElementById('resources-blog-container').style.display = "none";
document.getElementsByClassName("col-md-3 col-sm-4")[0].style.cssFloat = "right";
}
window.onload = doStuff();
Profile picture front and center?
Unpaid earnings......right under unpaid earnings???
All time earnings in gigantic letters stretching all the way across the page?
I decided to make a Greasemonkey script to fix some of it and I thought I would post it here in case anyone is interested.
Here is a summary of what I changed:
It completely removes the following - the div element with the profile picture, the div element with unpaid earnings, the div element with all time earnings, and the div element for additional resources.
I also took the left hand column and floated it to the right. This has two advantages. The first one is that it moves uploads and announcements to the right hand side of the page which is where they were before and where I prefer them to be. The second is that it moves the map over so that it is front and center where it should be.
The last thing I did was make the Unpaid Earnings button at the top right link to the earnings page like it used to do.
I made this based on my personal preferences and am providing it as is so if you don't like something about it fix it yourself.

In Greasemonkey select New User Script
In the Includes box add the line: https://submit.shutterstock.com/dashboard*
I think Name and Namespace are required but I don't think it matters what you put in those.
Click OK and then copy and paste the following:
function doStuff() {
document.getElementById('monthly-earnings-dropdown').href = "/earnings";
document.getElementById('monthly-earnings-dropdown').removeAttribute("data-toggle");
var x = document.getElementsByClassName("col-md-6 col-sm-12 hidden-xs");
x[0].style.display = "none";
x[1].style.display = "none";
document.getElementById('earnings-summary-container').style.display = "none";
document.getElementById('resources-blog-container').style.display = "none";
document.getElementsByClassName("col-md-3 col-sm-4")[0].style.cssFloat = "right";
}
window.onload = doStuff();