How to Remove or Customize Elements on Your Under Construction Page
Content
Many users of the 'Under Construction' plugin want to tweak the default look of their coming soon page, such as removing logos, icons, or changing text. A common point of confusion is understanding what can be customized within the free version and what requires manual code changes.
This guide explains the most common methods for customizing your Under Construction page, based on community solutions and official responses from the 'Under Construction' team.
Why This Happens
The free version of the plugin offers a set of predefined themes with limited built-in customization options. For advanced changes, such as modifying the HTML structure or core theme images, direct code editing is often the only method available without upgrading.
Common Solutions
1. Using Custom CSS (When Available)
For simple visual tweaks like hiding an element, you can often use CSS. The plugin provides a 'Custom CSS' field at the bottom of the Design tab for this purpose.
Example: Hiding the Header/Logo
To remove a top icon or logo, like in the 'plain text' design, you can add the following code to the Custom CSS field:
header { display: none; }Example: Adding a Full-Page Background Image
To add a background image to a plain theme, target the body element. Note: do not use a dot before body.
body {
background-image: url("YOUR-IMAGE-URL-HERE");
background-size: cover;
background-repeat: no-repeat;
}Note: Some users have reported that the Custom CSS field is not available in all free versions of the plugin. If you do not see this field, the following method may be necessary.
2. Editing Theme Files Directly
For changes that CSS cannot achieve, such as altering hard-coded text (e.g., 'Our minions are coding...') or image titles, you must edit the theme's PHP file.
Step-by-Step:
- Access your WordPress files via your hosting control panel (e.g., cPanel) or an FTP client.
- Navigate to the plugin's themes folder:
/wp-content/plugins/under-construction-page/themes/. - Open the folder for the theme you are using (e.g.,
laptop/). - Edit the
index.phpfile with a text or code editor. - Find the line of code you need to change. For example, to change an image's 'alt' text or title attribute, search for the text you see on the front end.
- Save the file and clear your site's cache to see the changes.
Warning: Always back up the file before editing. Any changes you make may be overwritten when the plugin updates.
3. Creating a Custom Theme
For complete control, you can create your own theme. The process involves duplicating an existing theme folder, renaming it, and registering the new name in the plugin's main PHP file (around line #1096). This is an advanced solution that requires coding knowledge.
What the Free Version Cannot Do
Based on official responses, the following customizations are not available in the free version and typically require the Pro plugin or manual code editing:
- Changing the favicon
- Vertically centering the design using CSS (if the CSS field is absent)
- Changing the main theme image via the plugin interface
- Removing the WordPress logo in the corner
- Adding an 'Add Media' button to the content editor
Troubleshooting a Persistent Favicon
If the plugin's favicon remains visible even after deactivating the Under Construction page, this is almost always a caching issue. The 'Under Construction' team recommends performing a hard refresh (Ctrl+F5 on Windows, Cmd+Shift+R on Mac) and clearing your server's cache (if you use a caching plugin or service).
By understanding these methods, you can better tailor your Under Construction page to fit your brand while working within the plugin's framework.
Related Support Threads Support
-
removing icon from plain text designhttps://wordpress.org/support/topic/removing-icon-from-plain-text-design/
-
Disable image name popup upon hoverhttps://wordpress.org/support/topic/disable-image-name-popup-upon-hover/
-
Hide top logohttps://wordpress.org/support/topic/hide-top-logo/
-
Changing the alt attribute of pictureshttps://wordpress.org/support/topic/changing-the-alt-attribute-of-pictures/
-
Own Custom Themehttps://wordpress.org/support/topic/own-custom-theme/
-
Edit own picture for Themehttps://wordpress.org/support/topic/edit-own-picture-for-theme/
-
Fonthttps://wordpress.org/support/topic/font-71/
-
How can i create my own UC Theme?https://wordpress.org/support/topic/how-can-i-create-my-own-uc-theme/
-
Firefox Displays Image but Chrome does nothttps://wordpress.org/support/topic/firefox-displays-image-but-chrome-does-not/
-
Customize styles of the predefined styleshttps://wordpress.org/support/topic/customize-styles-of-the-predefined-styles/
-
Background imagehttps://wordpress.org/support/topic/background-image-147/
-
A simple logo and headline for free like SeedProd?https://wordpress.org/support/topic/a-simple-logo-and-headline-for-free-like-seedprod/
-
How can I change web font?https://wordpress.org/support/topic/how-can-i-change-web-font/
-
others themes?https://wordpress.org/support/topic/others-themes/
-
Vertically centering the designhttps://wordpress.org/support/topic/vertically-centering-the-design/
-
Favicons and color codeshttps://wordpress.org/support/topic/favicons-and-color-codes/
-
Want to change background imagehttps://wordpress.org/support/topic/want-to-change-background-image/
-
Plugin imposes a faviconhttps://wordpress.org/support/topic/plugin-imposes-a-favicon/
-
Nascondere logo WPhttps://wordpress.org/support/topic/nascondere-logo-wp/
-
Templates for under construction page contain hardcoded external hosted webfontshttps://wordpress.org/support/topic/templates-for-under-constuction-page-contain-hardcoded-external-hosted-webfonts/
-
Changing themehttps://wordpress.org/support/topic/changing-theme-36/
-
How can I add my logo in the Under construction page?https://wordpress.org/support/topic/how-can-i-add-my-logo-in-the-under-construction-page/