This members-only tutorial provides the steps to replace the full-height background image with a slider powered by Soliloquy in Parallax Pro. This is slightly different from the earlier tutorial in that we are going to set up the same widget (can be any) to appear on all the slides vs different captions for the individual […]
Search Results for: image
Utility Bar in Monochrome Pro
This members-only tutorial provides the steps to set up a utility bar above the site header in Monochrome Pro. Tested in Monochrome Pro 1.1.0. Step 1 Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Home Featured widget in Genesis Sample
This tutorial provides the steps to register a Home Featured widget areadisplay the widget area below the header on the front pagemodify JS so the top margin (equal to the height of the fixed site header) applies to the widget area on the homepage and to .site-inner on every other pageadd CSS to set a […]
How to apply Full Width Content Layout to a CPT’s single pages in Genesis
Looking to force Full Width Content layout to all the singular pages of a Custom Post Type in Genesis so there’s no sidebar? Just add the following in child theme’s functions.php: If you are using Genesis Sample 2.6.0, add the following in its style.css:
How to remove Page Titles on all landing pages in Genesis
Looking to remove entry titles on all static Pages that use the Landing Template in Genesis? Just add the following in your child theme directory: add_action( ‘genesis_before_loop’, ‘custom_remove_page_title’ ); /** * Remove Page Title on all landing pages. */ function custom_remove_page_title() { // if this is not a static Page using the Landing Template, abort. […]
Reply To: parallax pro: bg image zoomed in on iPad…how to fix?
Looks like you’ve updated video background tutorial and recommend Background Plugin by Push Labs. Do you then recommend replacing bg.video.js? It seems to work well, except for fallback image problem.
Reply To: parallax pro: bg image zoomed in on iPad…how to fix?
Thanks Sridhar. Re: iPad pro landscape solution worked. Thanks! Re: an image in place of background video on mobile devices When I choose a background image for the video section, the background image becomes the default and the video no longer plays regardless of the device or screen size.
Background Color Customizer options for Front page Sections in Infinity Pro
This members-only tutorial provides the steps to add background color controls in addition to background image controls that Infinity Pro comes with. To apply background color only to one of the sections (Front page 1, Front page 3, Front page 5 by default) make sure the background image for that section is removed. Tested in […]
How to add Background Color option in the Customizer for Header in Essence Pro
This members-only tutorial provides the steps to add a color option in the Customizer for Header background in Essence Pro. Tested in Essence Pro 1.1.0. Step 1 Edit lib/customizer/customize.php. Replace $wp_customize->add_section( ‘header_image’, array( ‘title’ => __( ‘Header Background Image’, ‘essence-pro’ ), ‘description’ => sprintf( ‘<p><strong>%1$s</strong></p><p>%2$s</p>’, __( ‘The default header background image is displayed on the […]
Swiper in Genesis
Swiper is a free mobile touch slider with hardware accelerated transitions and amazing native behavior. I have switched from Owl and SlickJS to Swiper for custom jQuery sliders and carousels. This members-only tutorial provides the steps to apply Swiper on Genesis Featured Posts. We are going to register a `home-featured` widget area. output `home-featured` widget […]
Recent Comments