It seems like the close button colour in the Content Dock is hardcoded into the theme, even though there is a option to set button colour and hover colour in the Content Dock settings. It seems like the image overwrites any colour settings and the button just ends up being grey all the time.
<img class="emoji" draggable="false" alt="✖" src="http://s.w.org/images/core/emoji/72x72/2716.png">
Can you please fix that in the next update? 🙂

Also, is it possible to swap all your current background colour pickers in settings/Cornerstone to ones with RGBA support (for transparency), instead of regular RGB/HEX? That will be amazing for my IT-terrified clients. 🙂

Regards,
Alex

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!

And regarding the Close button problem in Content Dock, as I understand, there is no quick fix for it at the moment?

Cheers,
Alex

jQuery(".x-close-content-dock img.emoji").attr("src","http://my-site.com/1.png");

Replace your image path with http://my-site.com/1.png.

Hope it helps.

http://jathanjanove.com/selected-publications/

Also, previously I had the background white and could not see the links AT ALL–it seemed they were also white. I’m perplexed why the link color changed when I only changed the background (in order to at least make them visible)…

With the fix above, I would need to upload and specify the file name of my own ‘X’ close button icon, correct?

Any solution would be greatly appreciated. Thanks!

1. Yes, you need to upload your own image and change http://my-site.com/1.png in the code with your image url.

2. To change the color of the links in your content dock, you can add this in custom > css in the customizer.

.x-close-content-dock .widget a {
    color: red !important;
}

Hope that helps.

.x-close-content-dock .widget a {
    color: red !important;
}

I also copied in the Javascript code and changed the address of the photo to the exact address where my new icon is saved–also didn’t work:

jQuery(".x-close-content-dock img.emoji").attr("src","http://jathanjanove.com/wp-content/uploads/2015/09/x-close.png");

Any more suggestions would be greatly appreciated. Thank you.

The option for changing the link hover and background is under Addons > Content Dock

Your jQuery works, but the content of your content dock does not fit on the container.

Hope it helps, Cheers!

I found and tried to change the link colors under addons>content dock previously, but with no success at all. (They are currently set to red with orange hover, but as you can see, that’s not really true: http://jathanjanove.com/selected-publications/). Is it possible that one of my plugins broke the code somewhere? On the other hand, it seems like others have had similar issues to the one(s) I’m having…

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.