Category: qodeblock

Testimonial Block

This block allows you to display a customer testimonials in your content. Customize the font size, avatar shape, background color, text color, link color and social media URLs.

Without background

With Color background

Right aligment

Left aligment

Spacer Block

The block allows you to creatively divide the content of a page or post using spacing or line. You can experiment with the design, changing the height, color, and style of the divider in the block settings.

Solid Divider Style

Dashed Divider Style

Dotted Divider Style

Sharing Icons

This block makes it super easy to add social media sharing icons anywhere on your post or page. Here’s the list of available Social Media: Twitter, Facebook, Google, Pinterest, Linkedin, Reddit, Email. You can also change the shape, size, color of the icon and select what you want to display (only icon, only text or icon with text).

Button Size and Shape:

Large Rounded

Medium Rounded Square

Small Square

Color Style:

Standard color

Social colors

Button style:

Icon and text style

Only text style

Only icon style

Post and Page Grid

This block gives you quick access to create a beautiful post grid and post list. You can add them to any post or page on your site and configure easily, without any line of code! You can customize the block and change it as you need.

• Post and Page Grid Setting – Here you can change content type  for displaying (post or page), select category, enter number items and columns and set ordering for your content
• Post and Page Grid Content – This setting area includes the options for display or hide  Section Title, Author, Date, Excerpt and Continue Reading Text
• Post and Page Grid Markup – Here you can change the post grid section tag to match your content hierarchy and set the post/page title tag to match your content hierarchy.
• Advanced – Here you can enter additional CSS Class

Grid Style

List Style

Pricing

The Pricing Box block allows you to display pricing options, service packages, inclusions, and more. All blocks are configurable. You can add an image, price, control the background colors, text colors, layouts, and the position of any of the pricing tables.

2 Pricing Columns

3 Pricing Columns

4 Pricing Columns

Inline Notice Block

You can use this block to create notifications or special messages on the page. It helps to highlight some information or draw interest to specific content. The block also comes with settings for font size, notice color, text color and whether or not to make the block dismissible.

The dismissible notice works by using localStorage. Once you close the notice on the front end of the site, it won’t show again unless you clear out your localStorage. Please note that if you close the notice on the front end, you will still see the block in your editor until you remove it.

Default Style

Custom Color & Font Size

Dissmissible Notice

Email Newsletter Block

The Newsletter Block provides you with a quick and easy way to add email subscription forms to your website. Adding subscription forms to your website has never been so easy!

Without Background

With Color Background

Drop Cap Block

Drop caps are a specific kind of initial letter, large letters that appear at the beginning of a block of text. A drop cap is used as a decorative element at the beginning of a paragraph or section. 

DropCap Letter Style

DropCap Square Style

DropCap Border Style

Container

The Container is flexible block that allows you to gather several individual blocks into a parent container. You can set the desired color to the background. You can also customize the Drop Cap Litter and set the font size.

With Color Background

Call to Action Block

The Call-To-Action block is great tool for bringing attention to actionable items or buttons that you want your users to click! You can prompt them to learn more, download, buy and that’s only the tip of the iceberg.

Without Background

With Color Background

With Image Background