This tutorial provides the steps to replace the image in Front Page 1 widget area with a video in Author Pro. We shall set the video to autoplay in a loop on desktops. On tablets and mobiles, the video will play on click. Step 1 Upload your video in mp4, ogv and webm formats and […]
Search Results for: featured image left
How to overlay Title, Post Info and Excerpt on Featured Image in a Genesis Featured Posts Grid
Updated on July 27, 2020 This tutorial provides the steps to customize the output of Genesis Featured Posts using the Custom Genesis Featured Posts Widget plugin and add the CSS to display entries in a 3-column grid. The title, post info and excerpt (content limit, to be specific) are set to be overlayed on top […]
How to overlay Post titles on featured images on single posts in Ambiance Pro
In StudioPress forums a user asked: Could anyone tell me pls how I can move page title on specific pages over these big feature images. Let’s first look into how the titles can be relocated from their default position to over the featured images for ALL posts with featured images in Ambiance Pro. What we […]
How to remove dark overlay on hero images in Showcase Pro
Looking to get rid of the dark overlay on hero images (appearing, for example, on static Pages with featured images) in Showcase Pro? Before: After: Simply locate .bg-primary:after, .bg-light-gray:after { content: ” “; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .bg-primary:after { background: #1a1a1a; } in Showcase […]
Chevron-shaped Featured Parallax Section in Genesis using clip-path
This tutorial is based on How to slant edges of elements in Genesis and provides the steps to set up a down facing chevron-like featured section below the front page in Genesis with a parallax background image changeable in the Customizer (with instant live preview). We are going to register a custom Home Featured widget […]
Custom Excerpts Overlay on Featured images below Header on Pages and Posts in Genesis
In the comments section of Full width responsive Featured image below header in Genesis with a fallback tutorial, a user asked: I use the above code often, excellent thank you. Do you have a tutorial or a bit of code where I can add some text over just the home image – Im using Genesis […]
How to display featured image as background of entry header on archives in Genesis
In GenesisWP Slack chat, a user asked: I’d like to display featured image as a background to entry title and post info on home and archive pages. Can anyone point me to any tutorials, please! I’ve been trying to figure this out myself for the past two hours. Thanks! genesis_attr filter can be used to […]
Custom Video Insert with Image Fallback in Genesis
A website I recently worked on had the following requirement: The site owner should be able to enter the ID of a YouTube video when editing Posts. For posts that have video ID provided, the thumbnail should automatically be pulled from YouTube and shown on the archives with a video icon overlayed. Clicking on the […]
How to move post info above title in Genesis Featured Posts widgets
In the comments section of Custom Genesis Featured Posts Widget plugin tutorial, a user asks: First of all, thank you for this plugin! However, I’ve been busy the last two hours trying to move the entry-meta above the title…to no avail! Could someone please point me in the right direction. Where to pass the $args[‘before_title]? […]
Featured Parallax Section on Singular pages in Genesis
In the past, I wrote a tutorial titled Featured Image Background Parallax section on Posts and Pages in Altitude Pro. This tutorial is different in the following ways: Parallax.js jQuery script (more robust) is used instead of JS from Parallax Pro theme Instead of post info/title, entry-specific content (if present) in a custom text area […]
Recent Comments