Grid Elements for Visual Composer

Ultimatum Theme now comes with Visual Composer and one great feature is “Grids”.

Grids are used to display a summary of posts, pages plus many more items with Visual Composer.

This page demonstrates each supplied grid template using the “Resources” category. You can design your own grids too, check out the samples on the Visual Composer site.

Basic Grid

  • Default
  • Fade with side content
  • Go top slideout
  • No animation
  • Scale in with rotation
  • Slide bottom with icon
  • Slide from left
  • Slide from top
  • Text first
  • Vertical flip

Masonry Grid

  • Default
  • Blur out
  • Fade in
  • Go top
  • Icon slide out
  • Overlay with rotation
  • Scale with rotation
  • Slide from left
  • Slide out from right
  • With side content

Masonry Media

  • Default
  • Bordered scale
  • Scale with content block
  • Scale with rotation light
  • Simple blur with scale
  • Simple overlay
  • Slide top
  • Slide with title and caption
  • Solid blur out

Media Grid

  • Default
  • Blur with content block
  • Bordered scale with title
  • Fade in with icon
  • Horizontal flip with fade
  • Scale in with icon
  • Scale with rotation
  • Simple overlay
  • Slide in title
  • Slide out caption

Basic Grid

This section shows all of the combinations listed below for the Basic Grid template using the “Resources” category. You can design you own grids too, check out the samples on the Visual Composer site.

Basic grid: Default
Basic grid: Fade with side content
Basic grid: Go top slideout
Basic grid: No animation
Basic grid: Scale in with rotation
Basic grid: Slide bottom with icon
Basic grid: Slide from left
Basic grid: Slide from top
Basic grid: Text first
Basic grid: Vertical flip

Basic Grid: Default

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Basic grid: Fade with side content

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Basic grid: Go top slideout

Basic grid: No animation

Basic grid: Scale in with rotation

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Basic grid: Slide bottom with icon

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Basic grid: Slide from left

Basic grid: Slide from top

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Basic grid: Text first

Basic grid: Vertical flip

background blue waves
laptop keyboard

Masonry Grid

This section shows all of the combinations listed below for the Masonry Grid template using the “Resources” category. You can design you own grids too, check out the samples on the Visual Composer site.

Media grid: Default
Media grid: Blur with content block
Media grid: Bordered scale with title
Media grid: Fade in with icon
Media grid: Horizontal flip with fade
Media grid: Scale in with icon
Media grid: Scale with rotation
Media grid: Simple overlay
Media grid: Slide in title
Media grid: Slide out caption

Media grid: Default

Media grid: Blur with content block

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

background blue waves

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

laptop keyboard

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Media grid: Bordered scale with title

background blue waves
laptop keyboard

Media grid: Fade in with icon

background blue waves
laptop keyboard

Media grid: Horizontal flip with fade

background blue waves
laptop keyboard

Media grid: Scale in with icon

background blue waves
laptop keyboard

Media grid: Scale with rotation

background blue waves
laptop keyboard

Media grid: Simple overlay

background blue waves
laptop keyboard

Media grid: Slide in title

background blue waves
laptop keyboard

Media grid: Slide out caption

background blue waves
laptop keyboard

Masonry Media

This section shows all of the combinations listed below for the Masonry Media template using the “Resources” category. You can design you own grids too, check out the samples on the Visual Composer site.

Masonry media: Default
Masonry media: Bordered scale
Masonry media: Scale with content block
Masonry media: Scale with rotation light
Masonry media: Simple blur with scale
Masonry media: Simple overlay
Masonry media: Slide top
Masonry media: Slide with title and caption
Masonry media: Solid blur out

Masonry media: Default

Masonry media: Bordered scale

background blue waves
laptop keyboard

Masonry media: Scale with content block

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Masonry media: Scale with rotation light

background blue waves
laptop keyboard

Masonry media: Simple blur with scale

Masonry media: Simple overlay

background blue waves
laptop keyboard

Masonry media: Slide top

background blue waves
laptop keyboard

Masonry media: Slide with title and caption

background blue waves
laptop keyboard

Masonry media: Solid blur out

background blue waves
laptop keyboard

Media Grid

This section shows all of the combinations listed below for the Media Grid template using the “Resources” category. You can design you own grids too, check out the samples on the Visual Composer site.

Masonry grid: Default
Masonry grid: Blur out
Masonry grid: Fade in
Masonry grid: Go top
Masonry grid: Icon slide out
Masonry grid: Overlay with rotation
Masonry grid: Scale with rotation
Masonry grid: Slide from left
Masonry grid: Slideo out from right
Masonry grid: With side content

Masonry grid: Default

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Masonry grid: Blur out

Masonry grid: Fade in

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Masonry grid: Go top

Masonry grid: Icon slide out

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

background blue waves

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

laptop keyboard

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Masonry grid: Overlay with rotation

Masonry grid: Scale with rotation

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!

Masonry grid: Slide from left

background blue waves
laptop keyboard

Masonry grid: Slide out from right

Masonry grid: With side content

Troubleshooting CSS

Learning how to fix CSS problems in just a few steps, which can be repeated many times over.

Custom URL for Facebook business page

Make your business stand out (more) with its own URL from Facebook.

Website security: Finding PHP backdoor scripts

Removing unauthorised scripts from your site can be tricky. If you want to have a go at finding it read on!