Like our free content? Then you'll love our exclusive Club!
Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. And new content is added EVERY Monday!
Archive & Search Results Page Styling Free Divi Layout.
This free Divi resource includes custom archive.php and search.php files to add to your child theme, along with some extra snippets to get your archive and search results pages looking much better. This resource can be used in conjunction with the free Custom Single Post Layout to create a completely unified design across your archive pages.
View the demo and download this free layout plus 24 other awesome free Divi resources by subscribing below.
Be sure to view the ‘Read Me’ file in the download package for full instructions.
If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content.
Michelle X
Hello,
i integrated your layout on one website and i used shortcodes to integrate yoast breadcrumbs and monarch sharing in pages and articles.
My problem is these elements are shown in the content results at the begining of the text.
How can i prevent this please ?
Thanks,
Nicolas.
You can target those elements with CSS to hide in the places you dont want them to show
Hello Michelle ! Thank you for this Amazing tip ! I just have a quick question, how did you manage to get the same exact excerpt length under each blog posts on your search page ? I am currently switching my website from Jupiter Theme to Divi ! I downloaded your amazing 25 resources package and I followed exactly your instructions but unfortunately the blog posts on my search page are totally uncut from the begining to the end. I can’t figure out how could you get these same exact blog post excerpt length. Anyway, great work and great content… Read more »
Try this, it’s simple https://divisoup.com/q17-limit-the-excerpt-length-in-divi-with-css/
Hello Michelle! I am using Divi to redesign my long time beer review blog. I have a pretty large taxonomy that works well, categorizing all my beer review posts by Brewery, Beer Style, Country, State, and Beer Glass. Category landing pages are maybe one of the most important destinations on my site. I’ve been trying to figure out how to use Divi to lay out a list (grid with thumbnail image, title, caption, and clickthrough URL to archive page) of all the child categories within a parent category. Because I have 2 levels of blog categories (e.g., Beer Styles >… Read more »
If you want to use Divi for category/archive pages, you would not use this layout as it does not use Divi – neither does the corresponding post layout. We generally don’t recommend using any theme builder for blog posts since it isn’t really necessary. Subcategories display in the category archive – that’s default to WordPress. If you want to use Divi to build those pages, you can just select your categories and subcategories from the Blog Module by checking the ones you want to be displayed on the page.
Hi Michelle,
Thanks for the tutorial. Quick question: how can I add a page header to the category pages?
Thanks,
Dirk
Easiest way is to use an injector plugin, or this tutorial walks you through the steps to do it manually: https://quiroz.co/add-a-section-and-category-title-to-the-top-of-your-category-pages/
Signed up for newsletter, went through all the links and resources but still can’t find any links to the solution on offer?
After sign up you get redirected to a page with the download link, just gotta give it a few seconds
A ha! got it this time – thanks
Hi Michelle,
Thank you for the layout! I have a question, is there a way to apply it to a single project_category archive page only? I was trying to rename archive.php to archive-my-category-slug.php but it doesn’t appear to be working. This single category still displays the same, general template, not the updated one.
Thanks!
Darek
Think you need to name it like this Darek archive-project-category-slug.php
Thanks!
For some reason this doesn’t do anything, I’m still getting the same template across all archives, there’s no parent category so it should work…
The last option would be to build archive page manually and redirect from this one :).
Any other ideas? Thank you so much!
You may not be using the same slug as your category – try clearing any caches and if that doesn’t work, you may want to contact Elegant Themes support for further advice
I’ll do that, appreciate your help! You guys are great!
i found the the culprit …WP-PageNavi
Ah yes, plugins can render strange results!
hi something very strange happens when you do a search, depending on the the search the output on a mobile device is different
search A is fine while search B show a strange border line
see:
A https://imgur.com/EhsMvtJ
B https://imgur.com/iR10RyD
C: https://imgur.com/NljLP0g when you hover over the item
This is awesome! Got it set up and it looks phenomenal.
Currently working on getting it to work on a custom Divi page with blog posts on it. There’s probably something simple I’m missing. I’ll keep working on it, but post here just in case you happen to see it.