How can we help you today?

How to Display Countdown Element Without an Icon

You can use custom CSS to remove the icon tile that comes with the default design of the Countdown Design Element. We will show you how to do that in this article.


Before
After
countdown with an iconcountdown without an icon

TABLE OF CONTENTS


Prerequisites

  • You have the latest ShortPoint SPFx version installed on your SharePoint environment.
  • You are a ShortPoint Designer with an active license.
  • You inserted a Countdown Design Element on your SharePoint page.

Interactive Tutorial

Go through the interactive tutorial to learn how to remove the icon in the Countdown Design Element.



Copy this custom CSS code to edit your Countdown Design Element:

.shortpoint-countdown-icon {
    display: none;
}

Step-by-step Tutorial

Follow these steps on how to apply the custom CSS to your Countdown Design Element:


Step 1: Edit the ShortPoint web part

  • Go to your SharePoint page and edit it.


edit the page

  • Select the ShortPoint web part and click the pencil icon to enter edit mode.


enter ShortPoint edit mode


Step 2: Launch the Countdown Design Element settings window

  • Navigate to the Countdown Design Element on your page.
  • Click the cogwheel icon to open the settings window.


open Countdown settings window


Step 3: Copy and paste the custom CSS

This is the custom CSS we will be using to remove the icon on the Countdown Design Element:


.shortpoint-countdown-icon {
    display: none;
}
  • Copy the custom CSS code.
  • Switch to the Custom CSS tab on the settings window.
  • Paste in the space provided.


paste code in custom CSS tab


Step 4: Apply changes and save

  • Once done, click the green checkmark button to apply your changes.
  • Remember to hit Save.


That is all! Your Countdown Design Element does not have an icon anymore.


Related articles:


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 69 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more