A user in the StudioPress forum asks: I am wanting to have a Widget Section with a full-width area, two halves and another full-width area. I know all of the flexible widgets give the full width then split width options but I don’t see an option for 4 content blocks with the middle two being […]
Search Results for: grid
Grid of featured images with sliding content panels on a CPT archive
Provides lifetime access to Grid of featured images with sliding content panels on a CPT archive in Genesis tutorial. Price: $10 First Name: First Name Required Last Name: Last Name Required Username:* Invalid Username Email:* Invalid Email Password:* Invalid Password Password Confirmation:* Password Confirmation Doesn’t Match PayPal Express Checkout Pay via your PayPal account Credit […]
Comment Form fields in columns using CSS Grid
This tutorial provides the code to display Name, Email and Website inputs in a left column and Comment textarea and Submit button in a right column using CSS Grid in Genesis. The fields will be set to appear one below the other 600px and below. and when the name, email and website checkbox does not […]
Masonry Grid on Content Archives with Title and Excerpt on Hover in Genesis
Updated on Feb 21, 2019 This is an updated and improved version of Masonry Grid on Category Archives with Title and Excerpt on Hover in Genesis tutorial. This tutorial provides the steps to put together a custom template part for content archives in which all actions from Genesis entry hooks are replaced with a custom […]
CSS Grid with Float Fallback
Sample CSS for a 3-column grid with the number of columns changing to 2 from 768px & below and to 1 from 500px and below with floats fallback for non-supporting (read, outdated like IE) browsers. Given this HTML: the CSS using CSS Grid for all modern browsers with float fallback for IE: .videos { display: […]
Posts Grid showing Image, Title and Date in Genesis
In Genesis Facebook group a user asked, Have a coding question about an archive loop 🙂 I’ve been using this tutorial for my theme’s archive.php: http://www.billerickson.net/genesis-grid-loop-content/ It does what I need it to principle, but I’m struggling with customizing it. I want it to output the image, title, and date. No excerpt. And I’d like […]
Image Grid on Archives in Genesis
This tutorial provides the steps to display featured images of entries (posts) on archive pages in Genesis in a 3-column grid using CSS Grid with Flexbox fallback (for oldIE). For entries that do not have a featured image set, the first attached image will be shown and if that’s not present, a fallback image. The […]
Breaking out with CSS Grid in Genesis
This tutorial provides the steps to create and use a custom page template for a fixed width content with full-width images (or any other content) based on this article from cloudfour in Genesis. While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis theme. Step 1 […]
Soliloquy Image Grid in WordPress
One of the reasons why I prefer Soliloquy over other slider plugins is the abundant number of hooks and filters which provide complete control of the HTML output. This tutorial provides the steps to loop through the image slides (client logos, in this example) of a Soliloquy slider and display them in a grid using […]
Posts grid on archives with title and excerpt on hover in Genesis
In my tutorial requests Trello board, a user asked: Hi Sridhar, how would you approach having an archive page for each taxonomy of a CPT? I started with https://sridharkatakam.com/grid-portfolio-images-title-excerpt-hover-showcase-pro/ , but there wasn’t a clear way to setup a separate page for each taxonomy. Thanks!! Archive pages for taxonomies are usually enabled by default and […]
Recent Comments