What's New in This Update?

  • Countdown Element Improved
    • Countdown Add Presets
    • Countdown Format
    • Countdown Per Visitor
    • Remaining Time Per Visitor
    • Countdown Direction
    • Message After Count
    • Number Colors and Padding
  • Animation
    • Hover Slider Element In Add Menu
    • Hover Slider Property Changes
    • Hover On Group Property Changes
    • Gradient or Image For Hover Backgrounds
    • Hover Background Transition
    • Image Hover Zoom
  • Performance Optimized
  • New Block and Page Designs

Countdown Element Improved

We have improved and advanced features of the Countdown Element, making it even more beautiful and applicable to various web designs.

countdown-improved.gif

Countdown Add Presets

The Countdown section of the Add Menu now has the presets for the quick insert of the preliminary preset Element, which includes Countdown To Date, Countdown To Time, Countdown To Time Per Visitor, Countdown To Number Per Visitor, Count Up from Date, Count up From Number.

countdown-presets.png

The existing Countdown Blocks are also reworked, and the new ones are added.

countdown-blocks.png

Countdown Format

We have changed the presentation of the Countdown Format property, making it more intuitive with the Icons.

countdown-format.png

Countdown Per Visitor

For the Date, Time, and Number Countdown Types, you can set the Count For property either for Everyone or Per Visitor. If the Per Visitor is selected, the Countdown starts from the beginning for each new Visitor.

countdown-count-for.png

Remaining Time Per Visitor

For the Countdown Time Per Visitor, you can set the remaining time as one Number in days, hours, or minutes and Nicepage will show this Number correctly.

countdown-remaining-time.png

Countdown Number

We have also added the new Number property, allowing you to set the Starting Number, "Every" frequency, and Direction. The Countdown starts with this Number, counting either up or down.

countdown-number.png

Countdown Direction

For the Date, Time, and Number Countdown Types, you can specify the Direction to go up or down. It is possible to set the Countdown Mode to Everyone or Per Visitor.

countdown-direction.png

Current Value Preview

In the Property Panel, you can always see the Preview for the current value of the Countdown.

countdown-preview.png

Countdown Separator

The presentation of the Separator properties in the Property Panel is now also changed for the icons.

countdown-separator.png

Message After Count

You can show the message at the end of the Date, Time, and Number Countdown.

countdown-message-after-count.png

Number Colors And Padding

For the Countdown, we have added separate properties for the Number figure, and you can specify Fill, Border, and Padding separately for Numbers, which makes Countdown styling more flexible.

countdown-number-colors-spacing.png

In general, we have reworked and improved the Countdown properties in the Property Panel in various aspects.

Animation

We continue to improve the Animation, and the changes are touched the Hover On Group, Hover Slider, previously known as Hover Box, Custom Elements, and more.

Hover Slider Element In Add Menu

In the Add Menu, for the Group and Slider Elements, we have added the Hover Slider options. It is the Group with the enabled Hover Slide.

hover-slider-add-menu.png

Hover Slider Property Changes

We have added the Hover Slide link in the Property Panel of the Group and Grid Cell properties instead of the Custom Elements (Hover Box) checkbox that we deleted.

hover-slider-properties.png

Hover On Group Property Changes

In the Animation On section in the Property Panel, we have added the separate Hover On Group link, removing the Event property on the Hover Properties.

hover-hover-on-group-animation-properties.png

Now you can create the Hover and Hover On Group Animation Effects together.

hover-hover-on-group-animation.gif

Gradient or Image For Hover Backgrounds

For the Group and Grid Cells with the Image Background, now you can change the Background for Gradient or Image on hover.

image-gradient-background-hover.gif

Image Hover Zoom Slider

Since the last update, we have added the Slider for the Zoom property to control the Image Hover Animation zooming.

image-background-zoom-slider.png

Performance Optimized

Performance is always our priority, and in this update, we have optimized:

  1. The beginning of the Drag for the non-selected Element.
  2. The Add operation, since we have moved to the vue.js framework that should improve the overall speed.

nicepage-performance-improved.png

Documentation

Fixed Issues

  • After adding a Block with the layout Elements like Form, Grid, List, etc., this Element is selected.
  • Featured Image in HTML Blog
  • Typography Headings update
  • Play for On-Scroll Animations
  • Empty hyperlinks after importing Projects exported from the Nicapage Online.
  • Grid Repeater columns in the Responsive Modes
  • Invalid crop for wide SVG icons used in for the Hamburger Menu
  • Invalid Text Color in the Editor and set in the Property Panel
  • Invalid Grid Repeater Icon with the Background after the conversion
  • Hover Animation: Background Color transition smoothness
  • Hover Animation: invalid work of an Icon in the Grid Repeater
  • Hover Animation: Drag-And-Drop operation
  • Hover Animation: Icon Border addition
  • Hover Animation: Transparency of Group placed in another Group
  • Hover Animation: dubbing the Transparency property in the Property Panel
  • Hover Slider: Flip operation
  • Hover Slider: double click on Element
  • Hover Slider: unable to Add Elements to Grid Cell
  • Joomla 3: Error 404 for the Category Blog Page containing modules in the Footer

10000+ Block and Page Designs

We have created new block and page designs up to this update, reaching over 10000 block and page templates in total.

new-designs-41.jpg

## What's New in This Update? - Countdown Element Improved - Countdown Add Presets - Countdown Format - Countdown Per Visitor - Remaining Time Per Visitor - Countdown Direction - Message After Count - Number Colors and Padding - Animation - Hover Slider Element In Add Menu - Hover Slider Property Changes - Hover On Group Property Changes - Gradient or Image For Hover Backgrounds - Hover Background Transition - Image Hover Zoom - Performance Optimized - New Block and Page Designs ## Countdown Element Improved We have improved and advanced features of the Countdown Element, making it even more beautiful and applicable to various web designs. !countdown-improved.gif! ### Countdown Add Presets The Countdown section of the Add Menu now has the presets for the quick insert of the preliminary preset Element, which includes Countdown To Date, Countdown To Time, Countdown To Time Per Visitor, Countdown To Number Per Visitor, Count Up from Date, Count up From Number. !countdown-presets.png! The existing Countdown Blocks are also reworked, and the new ones are added. !countdown-blocks.png! ### Countdown Format We have changed the presentation of the Countdown Format property, making it more intuitive with the Icons. !countdown-format.png! ### Countdown Per Visitor For the Date, Time, and Number Countdown Types, you can set the Count For property either for Everyone or Per Visitor. If the Per Visitor is selected, the Countdown starts from the beginning for each new Visitor. !countdown-count-for.png! ### Remaining Time Per Visitor For the Countdown Time Per Visitor, you can set the remaining time as one Number in days, hours, or minutes and Nicepage will show this Number correctly. !countdown-remaining-time.png! ### Countdown Number We have also added the new Number property, allowing you to set the Starting Number, "Every" frequency, and Direction. The Countdown starts with this Number, counting either up or down. !countdown-number.png! ## Countdown Direction For the Date, Time, and Number Countdown Types, you can specify the Direction to go up or down. It is possible to set the Countdown Mode to Everyone or Per Visitor. !countdown-direction.png! ### Current Value Preview In the Property Panel, you can always see the Preview for the current value of the Countdown. !countdown-preview.png! ## Countdown Separator The presentation of the Separator properties in the Property Panel is now also changed for the icons. !countdown-separator.png! ### Message After Count You can show the message at the end of the Date, Time, and Number Countdown. !countdown-message-after-count.png! ### Number Colors And Padding For the Countdown, we have added separate properties for the Number figure, and you can specify Fill, Border, and Padding separately for Numbers, which makes Countdown styling more flexible. !countdown-number-colors-spacing.png! In general, we have reworked and improved the Countdown properties in the Property Panel in various aspects. ## Animation We continue to improve the Animation, and the changes are touched the Hover On Group, Hover Slider, previously known as Hover Box, Custom Elements, and more. ### Hover Slider Element In Add Menu In the Add Menu, for the Group and Slider Elements, we have added the Hover Slider options. It is the Group with the enabled Hover Slide. !hover-slider-add-menu.png! ### Hover Slider Property Changes We have added the Hover Slide link in the Property Panel of the Group and Grid Cell properties instead of the Custom Elements (Hover Box) checkbox that we deleted. !hover-slider-properties.png! ## Hover On Group Property Changes In the Animation On section in the Property Panel, we have added the separate Hover On Group link, removing the Event property on the Hover Properties. !hover-hover-on-group-animation-properties.png! Now you can create the Hover and Hover On Group Animation Effects together. !hover-hover-on-group-animation.gif! ### Gradient or Image For Hover Backgrounds For the Group and Grid Cells with the Image Background, now you can change the Background for Gradient or Image on hover. !image-gradient-background-hover.gif! ### Image Hover Zoom Slider Since the last update, we have added the Slider for the Zoom property to control the Image Hover Animation zooming. !image-background-zoom-slider.png! ## Performance Optimized Performance is always our priority, and in this update, we have optimized: 1. The beginning of the Drag for the non-selected Element. 2. The Add operation, since we have moved to the vue.js framework that should improve the overall speed. ### !nicepage-performance-improved.png! ## Documentation - [Contact Form Submission](page:218739) ## Fixed Issues - After adding a Block with the layout Elements like Form, Grid, List, etc., this Element is selected. - Featured Image in HTML Blog - Typography Headings update - Play for On-Scroll Animations - Empty hyperlinks after importing Projects exported from the Nicapage Online. - Grid Repeater columns in the Responsive Modes - Invalid crop for wide SVG icons used in for the Hamburger Menu - Invalid Text Color in the Editor and set in the Property Panel - Invalid Grid Repeater Icon with the Background after the conversion - Hover Animation: Background Color transition smoothness - Hover Animation: invalid work of an Icon in the Grid Repeater - Hover Animation: Drag-And-Drop operation - Hover Animation: Icon Border addition - Hover Animation: Transparency of Group placed in another Group - Hover Animation: dubbing the Transparency property in the Property Panel - Hover Slider: Flip operation - Hover Slider: double click on Element - Hover Slider: unable to Add Elements to Grid Cell - Joomla 3: Error 404 for the Category Blog Page containing modules in the Footer ## 10000+ Block and Page Designs We have created [new block and page designs](https://nicepage.com/html-templates) up to this update, reaching over 10000 block and page templates in total. [!new-designs-41.jpg!](https://nicepage.com/html-templates) ##