Divi Toolbox ➜ Blog ➜ Customize Archives, Categories & Blog List
This feature adds multiple customization options to edit the appearance of the default WordPress index pages like archives, categories, tag archives, author archives, and the search result page. Once it’s enabled, a new customization panel will become available in the Toolbox Customizer.
Toolbox Customizer ➜ Blog ➜ Categories, Archives & Blog List
Here’s the list of all the settings you can easily change:
POST TITLE
- Post title font family
- Post title font weight
- Post title font size
- Post title letter spacing
- Title text transform (uppercase, lowercase, capitalize)
- Title text color
BLOG POST CONTENT
- Hide excerpt content (on/off)
- Post Content font
- Post Content font weight
- Post Content font size
- Post Content letter spacing
- Post Content text transform (uppercase, lowercase, capitalize)
- Post Content font color
“READ MORE” BUTTON
- Add “Read More” button
- Button font family
- Button font weight
- Button font size
- Button letter spacing
- Button text transform (uppercase, lowercase, capitalize)
- Button font color
- Button padding
- Button border radius
- Button border width
- Button border color
- Button background color
- Button font color on hover
- Button border color on hover
- Button background color on hover
- Button hover style (None, Grow, Shrink, Move Up, Move Down, Wobble, Heartbeat, Jello, Pulse)
FEATURED IMAGE
- All Images Equal Height (on/off)
- Add featured image overlay
- Overlay behavior (Show on Hover, Hide on Hover, Always Visible)
- Overlay color
- Overlay Gradient
- Gradient Color 1 & 2
- Gradient Direction
- Overlay Blend Mode
- Image hover effect (None, Grow, Zoom-In, Zoom-In & Rotate)
BLOG CONTENT BOX
- Content box background
- Content box padding
- Content box border radius
- Add content box shadow
- Box shadow offset-x, offset-y, blur size, shadow color
- Add box border
- Border width
- Border color
- Equalize Content Height
Plase note:
These effects apply to the default index pages (archives, categories etc.). If you’d like to apply the same customizations to Blog module – navigate to module Settings ➜ Advanced tab ➜ CSS ID & Classes ➜ CSS Class and add a custom class of: dtb-blog
