Display Category Archives as a Thumbnail Gallery w/o a plugin

[krystyn]

Thank you @BradDalton that looks very nice.

[Brad Dalton]

Yes because otherwise the titles can be different lengths and mess up the portfolio style as you have probably discovered!!

This way its more flexible as you can display the titles on hover or over any type of background.

---

Tutorials for StudioPress Themes.

[Kimberly]

Krystyn, you can set that up in your dashboard when you edit each category. Scroll down and there are options for Category Archive Settings and insert your headline and intro text.

---

What’s That Smell?

[krystyn]

OMG, @Whatsthatsmell..seriously? I'm pleading post-baby brain on that one..thank you!

[krystyn]

@Braddalton is there a way that the category page can have say 21 posts displayed, but leave the main home page showing 2 full posts? I'm not sure how to set it in genesis so that they are different. If I change the settings >> reading it changes both the home page and the category page.

Here's the site, but I'm not sure if it's relavent..I'm sure I'm just missing something.

[Brad Dalton]

Try pre_get_posts

Change the conditional tag.

---

Tutorials for StudioPress Themes.

[krystyn]

Thank you @Braddalton, worked perfectly!

[krystyn]

@Braddalton, suggestions for the transparent background and hover? It's not going on top of the image and the second line is bumping down?

http://www.krizzydesigns-test.com/test1/category/category-1

[krystyn]

For this category page, @braddalton instead of using:

add_action( 'genesis_entry_header', 'beautiful_category_grid' );
function beautiful_category_grid() {

if ( $image = genesis_get_image( 'format=url&size=portfolio' ) ) {
printf( '<div class="pcategory-featured-image"></div>', get_permalink(), $image, the_title_attribute( 'echo=0' ) );

}

}

Is there a way to pull in the SEO title instead of the genesis_entry_header? So that is what is displayed over the image instead of the actual title on the page?

[Brad Dalton]

You would need to filter the title so yes its possible however i would need to write the code and test it.

---

Tutorials for StudioPress Themes.

[krystyn]

@braddalton okay, thanks. Filters are something I'm not familiar with at all.

[krystyn]

@braddalton do you see a reason while the titles aren't wrapping here and are wider than the pictures? I've played in firebug and it's just not working right.

Category page is here: http://www.gravitybread.com/category/books-and-mealtime/

[[email protected]]

@braddalton I seen both of the links shared by you. I own Navigation Pro theme. When I used the first link (https://wpsites.net/free-tutorials/archive-page-grid-style-columns-using-css/) it shows grid weird. Any sort of help in CSS you can provide, that would be great.

[Brad Dalton]

I tested the CSS you linked to in Navigation Pro and it displays posts in 3 columns however, you may need to change the width of the content area and make it wider in order to make 3 columns fit in nicely.

Also, you may need to change the width of your featured images so they display the full width of the entry div.

And, you may need to span the pagination to 3 columns.

The CSS is enough to get you started and then you can learn more about how to use CSS to customize your theme.

---

Tutorials for StudioPress Themes.

[[email protected]]

@braddalton I understood, but the problem is that I am non technical person and I don't understand CSS hooks and crooks. If you can share me the link where and how it can be done that would really help me to resolve what is required.

[Brad Dalton]

In that case i suggest you use Atomic Blocks or a plugin. https://atomicblocks.com/blocks/advanced-columns-block/

---

Tutorials for StudioPress Themes.

[Author]

Posts