Docs

[Pro Web Assist]

Hi,

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

[Paul R]

Hi 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!

[Pro Web Assist]

Thanks, I appreciate it.

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

Cheers,
Alex

[Christopher]

Hi there,
Please add this in Customize -> Custom -> JavaScript :

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.

[jjadmin]

Hi, I’m having the same issue with the close button color–BUT ALSO with the link text color. I had a similar issue with the default theme text color being somehow overridden in a plugin on my homepage (‘Recent Posts Widget Extended’) and had to change the text color there manually via that plugin’s custom CSS in order to make it visible on the background. I don’t know if the issues are related, but currently I have the Content Dock link color set to RED, but the links come out light grey. You can see that here:

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!

[Paul R]

Hi,

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.

[jjadmin]

Thanks for the quick reply. Unfortunately, I tried inserting that CSS in the customizer, but the links in the content dock still look exactly the same:

.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.

[Friech]

Hi There,

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!

[jjadmin]

Hi, and thank you again for the reply.

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…

[Paul R]

Hi,

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.

[jjadmin]

This reply has been marked as private.

[Christopher]

Hi there,

you have following code which prevent your settings from running :

a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .x-breadcrumb-wrap a:hover, .x-comment-author a:hover, .x-comment-time:hover, .p-meta > span > a:hover, .format-link .link a:hover, .x-sidebar .widget ul li a:hover, .x-sidebar .widget ol li a:hover, .x-sidebar .widget_tag_cloud .tagcloud a:hover, .x-portfolio .entry-extra .x-ul-tags li a:hover {
    color: #0300d1;
}

Please add this :

.x-content-dock a {
    color: #d82020;
}
.x-content-dock a:hover {
    color: #ff9900;
}

Hope it helps.

[captainfodder]

Hello,

Sorry for dredging up a year old thread, but it looks like this problem still persists today. I am unable to change the color of the “X” emoji used as the close button of the Content Dock. I tried putting the previously recommended Javascript into the X Customizer ‘Custom Javascript’ but that didn’t work. I then put that same javascript into my TamperMonkey Extension and it worked just fine there, so the code itself is good. It looks to be an issue with the Custom Javascript not running in the ‘X’ Theme.

This is the code I’m using:
jQuery(".x-close-content-dock img.emoji").attr("src","http://www.timcoservice.com/wordpress/wp-content/uploads/2016/04/clear-close-white.png");

This is my early development site:
http://www.timcoservice.com/wordpress/

Any help would be greatly appreciated!

[Thai]

Hi @captainfodder,

Please provide us with your admin account so we can take a closer look.

Thank you.

[Author]

Posts