Docs

[renzofernandez]

Hi,
I am using the content dock for a website and want to use the “do not show again” feature. However, the background I am using is grey so the “do not show again” text is disappearing. Is is possible to make that specific text, as well as the “x” to close the window white.

feheleyfinearts.com

Thanks,

Renzo.

[Prasant Rai]

Hello Renzo,

Thanks for writing in!

It looks like you have already made the changes on your own. Would you mind confirming?

Thanks.

[renzofernandez]

Hi,
No, the text “do not show again” is still not visible and the “x” to close the window is still black.

[renzofernandez]

Hi,
No, the text “do not show again” is still not visible and the “x” to close the window is still black.

[Nico]

Hi There,

To show the text, add this in your Customizer > Custom > CSS:

.x-content-dock .left{
color:#FFF;
}

And for the button you can change your button color in Adds On > Content Dock > Close Button

Let us know how it goes.

Thanks.

[renzofernandez]

Hi Nico,
The code didn’t seem to help to make the text visible. Also, I do have the “close button” set to white, but it’s still black.

[Rad]

Hi there,

Would you mind providing a screenshot? It looks okay on my end, the text is white on the gray background. Would you mind providing your login credentials?

Thanks!

[renzofernandez]

Hi Rad,
Here is a screenshot:

http://feheleyfinearts.com/wp-content/uploads/2016/12/dock.jpg

Under the main text and next to the button the text “do not show again” is not visible. Also, the button to close the window is black and not white.

Thanks,

Renzo.

[Nico]

Hi There,

Would you mind sharing us your admin credentials so we could check your setup closer.

Don’t forget to set it as private reply.

Thanks.

[renzofernandez]

This reply has been marked as private.

[Rue Nel]

Hello Renzo,

Thanks for providing the WP credentials to your site. I went ahead and resolved the issue. I added this custom css in the customizer:

.x-content-dock {
    color: #fff !important;
}

.x-close-content-dock span:before {
  content: "X";
  font-size: 16px;
}
.x-close-content-dock span img {
  opacity: 0;
}

Please check your site again.

[renzofernandez]

Great,
Thank you very much.

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts