Community Forums › Forums › Archived Forums › Design Tips and Tricks › Display Category Archives as a Thumbnail Gallery w/o a plugin
Tagged: exectutive pro, recipes, thumbnail index
- This topic has 35 replies, 5 voices, and was last updated 4 years, 5 months ago by
Brad Dalton.
-
AuthorPosts
-
March 6, 2014 at 8:32 am #93655
krystyn
ParticipantThank you @BradDalton that looks very nice.
March 6, 2014 at 8:53 am #93662Brad Dalton
ParticipantYes 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.
March 6, 2014 at 9:45 am #93672Kimberly
ParticipantKrystyn, 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.
March 6, 2014 at 9:55 am #93675krystyn
ParticipantOMG, @Whatsthatsmell..seriously? I'm pleading post-baby brain on that one..thank you!
March 13, 2014 at 8:18 am #94652krystyn
Participant@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.
March 13, 2014 at 8:38 am #94656Brad Dalton
ParticipantMarch 13, 2014 at 10:18 am #94693krystyn
ParticipantThank you @Braddalton, worked perfectly!
March 13, 2014 at 10:45 am #94700krystyn
Participant@Braddalton, suggestions for the transparent background and hover? It's not going on top of the image and the second line is bumping down?
March 18, 2014 at 9:04 am #95490krystyn
ParticipantFor 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?
March 19, 2014 at 7:59 am #95671Brad Dalton
ParticipantYou would need to filter the title so yes its possible however i would need to write the code and test it.
March 19, 2014 at 10:39 am #95700krystyn
Participant@braddalton okay, thanks. Filters are something I'm not familiar with at all.
April 29, 2014 at 1:06 pm #102976krystyn
Participant@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/
September 1, 2020 at 1:26 am #500865[email protected]
Participant@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.
September 1, 2020 at 6:37 am #500866Brad Dalton
ParticipantI 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.
September 1, 2020 at 11:56 am #500883[email protected]
Participant@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.
September 1, 2020 at 12:05 pm #500884Brad Dalton
ParticipantIn that case i suggest you use Atomic Blocks or a plugin. https://atomicblocks.com/blocks/advanced-columns-block/
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.