Gridiculous Pro



Gridiculous Pro is a beautifully designed theme built for businesses and bloggers. The fully responsive design will guarantee your site looks great on every device. Take advantage of the widgetized area on the home page to feature your content using the included Image, Icon & Text widget.

From Desktops to Handheld Devices

Many people now access the internet from a mobile device, so why not make sure that your site will looks its best no matter what? Gridiculous Pro is built using a responsive grid so that as the window size shrinks down, elements will adjust accordingly. Whether it’s on an iPad, iPhone, Kindle Fire or Nexus tablet, your site will always look amazing.


Home Page Widgetized Area

One of the greatest features of Gridiculous Pro is the widgetized home page top area.


This is where you can use the included Image, Icon & Text widget to display any content that you want to appear right at the top of your site. All you need to do is go to the Appearance → Widgets admin page to configure things.


Layout Options

Gridiculous Pro gives you the option to select either one or two sidebars, and place them on the left, right or separated. Every post and page even comes with a full width option to remove the sidebars completely. Check out the Customizer to play with the layout options.

Improved Typography with Google Fonts

For a long time, websites had to use boring old web safe fonts for all their text. Thanks to modern browsers and resources like Google Fonts, you can now rely on beautiful fonts to improve your websites typography to make it easier on the eyes. Gridiculous Pro uses Open Sans for all text, Lato for all headers and Quattrocento for the site name.

Post Formats & Sticky Posts

Not all content is the same, that’s why Post Formats and Sticky Posts each have a unique look and feel. Check out the gallery below for some examples.

Social Menu


Making sure that your visitors know where else they can find you online is extremely important. Gridiculous Pro comes with an easy to use social menu which allows you to include links to the most popular social sites. All you need to do is go to Appearance → Menus.


Quick Specs (all measurements in pixels)

  1. Site width is 1200.
  2. Main content width is 760 with one sidebar or 560 with two sidebars.
  3. Layout options include 1, 2 or 3 columns.
  4. Max header image size is 1160 by 300.

The Customizer

All theme options for Gridiculous Pro are controlled under Appearance → Customize. From there, you can modify layout, background colorheader image, custom menus, and more.


Site Title & Logo

To add a logo, head to the Site Title section. Click the button that says No Image to activate the image uploader. Drag over your chosen image or select it through the file picker to upload it.


Head to the Layout section to choose from the layout options. Here you can set your sidebar layout and post-content display options.

To display two sidebars, first add a widget to the second sidebar under Appearance → Widgets. Once that’s done, the two-sidebar option will appear in the Layout section.

You can display your posts on the home/archive pages either with their full content or just a teaser excerpt by selecting one of the two options. If you select the teaser excerpt, then the featured image will be used as a thumbnail next to each post.

Teaser excerpt with thumbnail

Teaser excerpt with thumbnail


You can choose whether to show or hide each post’s categories, author, date, and comment count. Just check whichever ones you want to appear. This setting applies to posts with standard, video, audio, image, and gallery post formats.


To display an extended footer that will let you add more widgets, go to Appearance → Widgets and add at least one widget to the Extended Footer widget area.


You can include a copyright notice or banner ad in the footer by adding a text widget to the Footer Notice area on Appearance → Widgets.

Social Menu

To use the social menu, go to Appearance → Menus and create a new menu. Call it “Social” just to make it easy to remember. Use the Link panel on the left to add any of the following social sites:

  • Twitter
  • Facebook
  • Pinterest
  • Google+
  • Dribbble
  • Github
  • Tumblr
  • YouTube
  • Flickr
  • Vimeo
  • Instagram
  • LinkedIn
  • Bitbucket

Once you’ve added the social sites you want with a link to each profile – like – check the Social box at the bottom of the menu and click Save Menu.

Your social links will now be displayed in the site footer.


Full-Width Post/Page

To set a full-width post or page, meaning one without any sidebars, check the box in the Layout panel when you’re editing the post or page in the dashboard.


Custom Header Image

You have an option to display a custom header image on each of your posts and pages, through the Custom Header Image panel. Click Set Image to open the media library and select an image or upload a new one. Click Update or Save when you’re done.


If you don’t set a custom header on a page or post, your default header image will be displayed instead, if you selected one.

Pull Quotes

You can easily include a pull quote within your text by using the following code within the Text/HTML editor:

<blockquote class=”pullquote”>This is a pull quote that will appear within your text.</blockquote>

You can also align it to the right with this code:

<blockquote class=”pullquote alignright”>This is a pull quote that will appear within your text.</blockquote>