[jeffwaters]

Ah, I see. I don't think I need all that builder power as most of what I need is already present in Agency. I'm trying to keep things simple.

The portfolio grid looks good. Where do I find the PHP, jquery and css for it?

My requirements:
- Show image
- Display title (name of website)
- Display short text summary of site (this can appear on hover, if possible)
- When clicked, go directly to site url

Nice to have:
- Ability to filter by "gallery item category"

What are my best options for that?

[jeffwaters]

Thanks Brad. I definitely don't want to hand code (I'm on the edge of my technical abilities as it is ;))

What is a builder plugin? Good choices?

[jeffwaters]

THANK YOU!

Wow, that was simple and works great!

[jeffwaters]

Hmm... interesting. I set .entry-footer to the new padding of 20px (left and right) and that fixes the line extending past the container... but, it causes the "Filed in..." to be shifted out of line with the content above:

[jeffwaters]

Hmmm... it should extend to 100% of the container width. If I set a specific max-width, wouldn't that only work perfectly for a phone with a single specific screen width (in the below 480 range)?

[jeffwaters]

One final bit:

I really like this concise archive view with the info to the right of the 150x150 thumbnail. Looks great in every view except in portrait mode on a smartphone. In that orientation, the text to the right of the image only has room for about 3 words per line and ends up spilling over below the image:

How could I have all post entry, excerpt and footer entry info show up below the thumbnail image in this scenario?

Ideally, the thumbnail would be resized larger size responsively fill the width... or, if that's not possible, center aligned.

[jeffwaters]

1) thank you... you are amazing.

2) I ended up combining these above into a single bit of code:

//* Move Date metadata to the right of featured image in archive listings and shift the footer meta up
function themeprefix_archive_post_info() {
if ( !is_archive() )

	return; //bail if not archive

	//* Reposition the entry meta
	remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
	add_action( 'genesis_entry_content', 'genesis_post_info', 8 );

	//* Reposition the footer entry meta
	remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
	add_action( 'genesis_entry_content', 'genesis_post_meta' );

}
add_action('pre_get_posts','themeprefix_archive_post_info');

3), here's the finished product if anyone else wants to follow these directions:

[jeffwaters]

Very cool, thanks!

I am using a Child theme-- but, curious if I ever have to worry about losing these CSS customizations if there is an update to the Agency Pro theme?

Finally, how might I remove the divider line and move the post-info (Filed Under...) up under the excerpt? Again, I'd only do this for the Archive view and leave the Post view as-is.

[jeffwaters]

Here you can see the result of this change:

How would I go about reducing the padding (or line spacing maybe?) after the Date/Comment line just for Archive views? Is that some sort of conditional CSS thing?

[jeffwaters]

Thanks, Tom! I have the Genesis Simple Hooks plugin installed. Would it be possible to use that instead of directly modifying the functions.php file?

[jeffwaters]

Thanks, Carasmo. I changed the fade to 0, but my site still shows the flash. So, this appears not to get me there. What else could I try?

[jeffwaters]

Thanks!

[jeffwaters]

Thanks, Ginger!

[jeffwaters]

Hmmm... how do I know I'm doing this for just the mobile breakpoint I want?

[jeffwaters]

Fantastic, thanks Ginger! Worked like a charm. I ended up going with 1% as it looks a little better than having the white go completely edge to edge.

What if I wanted to also decrease the inner padding of the content area a bit (from the edge of the white container to the edge of the text)? Where would I change that (again, only to affect in mobile mode)?

[Author]

Posts