Customize Archives, Categories & Blog List

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

Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!

Pricing

Choose the plan to suit your needs