Pro extension: Under Construction - feature request for control of body color

When using the Under Construction extension provided within Pro, it is possible to set the background color / image of the holding page. However, the body color is left at the site default, and sometimes this ends up with the key icon in the bottom right of the page from becoming very hard to see.

I was able to make it visible again with a tiny bit of CSS relating to body.tco-under-construction-body, and setting the color to white to make it visible on a dark image / background color, but it would be a great addition to have this control (of the body color) be added to the settings page of the Under Construction plugin.

Cheers!

Hey @arthurodb,

There already is a Background Color option in the Under Construction settings.

image

If you don’t have that option, you might be using an old version so you need to update if this is the case.

Thanks.

Yes, I am aware that there is a Background Color option, but in my request I am talking about the Body Color, i.e. the font color.

This is the code that I have implemented to control the color of the key icon on the Under Construction page:

body.tco-under-construction-body {
  color: #fff;
}

Hi @arthurodb,

There’s an option in the under construction page where you can set the colors of the headings and text.

image

Example result:

Hope that helps.

Hi there,

I am aware of the color settings for Headings and Subheadings

However, as stated in my initial and subsequent messages, I am looking for there to be a setting to set the color of the Body color

I’m not sure how to make it any clearer what I am asking for here…

There is currently no way to control the color of the key icon which appears in the bottom-right of the Under Construction page if you set a password to by-pass the page.



image

You can see in the above image that the Heading and Subheading color has been set to white via the settings page. The Extra text appears to also take its color from the Subheading color setting. However neither of these text colors (nor the Completed by or Social Profile Links) is affecting the color of the Key icon. This icon is currently taking its color from the color CSS value of the body tag.

This is why, in my previous reply, I included the CSS that I had added in order to change the color of the key icon:

body.tco-under-construction-body {
  color: #ffffff;
}

To reiterate again, my feature request is as follows, because there is not a way to do this currently:

Add an option to the Under Construction settings page to control the color of the Dashicons KEY icon for the bypass form

Hello @arthurodb,

Thank you for the clarifications. We already added it as a feature request.

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.