Featured post shortcode

Displays an featured post to your web page. You can change the behavior of the click action. It can open a lightbox image
or it can be a link to the post. You can also change the hover icon, its size and color, as well as customize the excerpt and button.

Examples of the featured post shortcode usage

We tried to cover all the basic and
advanced uses for the featured post shortcode

Featured post in a full width column

40

Perfect get-aways

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis...
Read more

Featured posts in a half width column with hover and a lightbox link

11

Amazing images of buildings

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut...
Read more
41

Light at the end of the tunnel

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut...
Read more

Posts in a three thirds column with different backgrounds and delayed fade in animations.

41

Light at the end of the tunnel

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem...
Read more
7

Bright working enviroment and the benefits of it

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercita...
Read more
40

Perfect get-aways

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem...
Read more

Featured post in a fullscreen column

4

Around the world

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, co...
Read more

Basic settings for featured post shortcode

Basic settings for your basic needs. Frontend builder gives the
user an option to create basic stuff with ease

Post ID

Select a specific post you want presented as a featured post.

Image link type

There are two types of links you can set for the featured post. You can set it to lead to post itself, or open a lightbox, for a better view on the featured image.

Image hover icon

You can select a custom hover icon for your featured post. Frontend Builder uses a wide variety of icon fonts - from Font Awesome, or our own Creative and Alternative icon sets.

Button elements color

You can define a custom color of the button elements in default and hovered state using the color picker, or set the hex code manually.

Button elements color

You can define a custom color of the post bottom border. It can help you better emphasize the post's category. You can disable it by not entering a hex code.

Featured post style

You can choose between three different styles of featured posts: clean, squared, or rounded. Select a style that most suits your design.

Round edges

You can set the round edges for your images when your design is revolving around rounded edges

Excerpt Length

Set the length of the excerpt, shown in number of characters.

Button text

Set a custom text of a featured post button.

Border color

You can define a custom color of the excerpt elements in default and hovered state using the color picker, or set the hex code manually.

Advanced settings for featured post shortcode

In case that you need something more creative and complex
Frontend builder has a set of advanced options to get you there

ID & Custom CSS

You can easily insert your own, custom CSS for that personalized look

Animation

You can easily animate each shortcode with tons of different animation types

Animation delay

All animations appear only when the user scrolls to the specific shortcode, you can set the delay for that

Drag & drop shortcode

You can move your shortcode to any column on the page by dragging that shortcode

Bottom margin

You can set different bottom margins for different elements / shortcodes

Animation speed

You can manually change the speed of each animation for each element / shortcode

Animation group

By placing different shortcodes in a group, all shortcodes in that group will animate once the user scrolls to the first element in the group

Clone shortcode

Once you are happy with the looks of your shortcode, you can clone it and use it somewhere else