In this tutorial I share the steps for setting up a Soliloquy (commercial plugin) slider as full screen background for header and Home 1 section of Centric Pro. Screenshot: Screencast: Step 1 Install and activate Soliloquy. Step 2 Create a slider named say, ‘Home Slider’ and set it up like so: Config tab: To view […]
Search Results for: youtube
How to display Sub-Pages of current Page automatically in Agency Pro like Grid
In this article I share a Page Template in Genesis for automatically displaying child Pages (if present) of the current Page in a 3-column grid with featured image in default state and title + excerpt on hover similar to that of Agency Pro’s featured posts grid. We shall use get_pages() and loop through each of […]
Utility Bar in Altitude Pro
In the comments section of How to make Utility Bar and Header fixed in Minimum Pro tutorial, a user asked: I’ve been trying to add this bar to the Altitude Pro theme. I’ve tried all the tweaks suggested by Carrie but none work. The bar falls under the header/primary menu instead of on top of […]
How to move Title Area from Header to Primary Nav in Cafe Pro
A user in Genesis Slack chat asks, do you know of a “trick” to move the site logo from the header area to the main nav? Driving me bonkers. Yes. The trick is called output buffering. In this article I share the steps for relocating Site Title and Site Description from their default location in […]
How to hide a widget area after a certain time using jQuery
In the StudioPress community forum a user asks: I have some content in a text widget in a Before Header widget area, that I would like to make disappear after a few seconds. In this article I show how a custom before-header widget area can be set to be initially hidden on page load, then […]
Smooth Scrolling, Highlighted Link and Fixed Side Navigation in Genesis using Page scroll to id and Sticky-Kit
In the members-only forum a user asked: Trying to achieve what this tutorial outlines. http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation Here is an example of it in the wild. http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation It’s a really effective for pages with long content in regards to aiding page navigation. I would love to see a tutorial from you about this! In this article we […]
Filterable Portfolio in Cafe Pro using Isotope
In the comments section of Filterable Portfolio in Genesis using Isotope tutorial a user asked, How can i implement this script in a widgetized home page section? (I am using cafe pro and want to have this in section 4) We can edit front-page.php in Cafe Pro and replace the code that outputs front-page-4 widget […]
Off-canvas app-like mobile menu in Atmosphere Pro using mmenu
In the comments section of How to Add a Right Sidebar in Atmosphere Pro a user asked: This is pretty awesome, thank you for the awesome tutorial. I have another modification for Atmosphere Pro that I would like to implement and that’s around the Responsive Menu. Would it be possible for you to put together […]
[Video] How to load and use Google Fonts from your website’s server in WordPress
A user asks, How to load google font locally inside a theme font folder? I would like to use a google font within my theme. and not rely on calling it via the functions.php file. We can download the font from Google, generate web font from it using Fontsquirrel generator, upload these files to the […]
Content Archives Posts Grid with Zoom and Hover effect for Images in Genesis
In this tutorial I share the code for displaying Posts in Posts page and Archive pages in Genesis in columns with the image (featured if present otherwise a placeholder) getting zoomed in with a subtle opacity change when hovered. Step 1 Create a file named say template_content-archives.php in your child theme directory having the following […]
Recent Comments