In Genesis Facebook group, a user asked an interesting question: How would you do that semantically correct with genesis? While this looks simple on the surface, it is actually challenging especially with the condition that text below the title is first paragraph of the Post’s content and that text below the featured image should not […]
Search Results for: ai
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 […]
Filtered portfolio menu replacing main navigation upon scroll on mobile
If you look at this site: http://www.basicagency.com/case-studies, you’ll see that it features a filtered portfolio. If you narrow the screen (mobile view), you’ll see how the main navigation gets replaced by the filtered portfolio menu as you scroll down. If you scroll back up, it goes back to normal. I think it is a pretty […]
How to add a right arrow directly after email input field using CSS and jQuery
In the members-only forum a user wrote I’d like to add a right pointing triangle to appear directly to the right of the email input field. This can normally be done using ::after with CSS or a background image, but that doesn’t work on input fields. Is there a way to wrap input[type=”email”] in a […]
Add shape end of input[type="email"] in Genesis eNews Extended widget
I’d like to add a right pointing triangle to appear directly to the right of the email input field. This can normally be done using ::after with CSS or a background image, but that doesn’t work on input fields. Is there a way to wrap input[type="email"] in a span so that the CSS can be […]
add nice thumbnail with mouseover overlays to woocommerce shop page
how easy / hard would it be to take this: How to add a Featured Posts section similar to that in Agency Pro in any Genesis theme and utilize it for a woocommerce main “shop” page? thanks
Alternating left/right thumbnails for archive pages
I searched your archive, Sridhar – if I overlooked an existing tutorial, please excuse me…. I´m curious how archive pages like seen on http://www.webdesignerdepot.com/ would be done, where the thumbnails are alternating between being left or right positioned. Would love to see a tutorial on that, one day! 🙂
Related Posts with Thumbnails in Genesis – Reloaded
Update on March 20, 2018: Follow https://sridharkatakam.com/jetpack-like-related-posts-without-jetpack-in-genesis/ instead. Nick has published a post titled Show Related Posts with Thumbnails in Genesis in the past. Andrea Whitmer has tweaked it for her needs and kindly shared with me which then, was expertly fixed by Chinmoy for getting rid of duplicate posts. The code below when added […]
Logo at left and social icons at the right in DailyDish Pro
Radha asks, how can I get the title-area to float to the left & be smaller (right now it’s getting 1120px from somewhere) & the social icons to float to the right? On mobile the logo should be stacked on top of social icons – all nice & centered. When it comes to logos and […]
How to implement rainyday.js in Genesis for raindrop animation
This is one of those tutorials whose end result might not be worth the effort but the effort is what it’s all about. What is rainyday.js? The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. In […]
Recent Comments