Make Blog Module Featured Images Non-Clickable

Written by Dan Mossop

The Divi Theme's blog module displays a list of posts and, optionally, their featured images. By default, clicking on the featured images will take you to the corresponding post. Here's how to make the blog module's featured images non-clickable.

Disable the Blog Module Featured Image Links using CSS

The following CSS can be used to disable the featured image links.

.et_pb_module.et_pb_posts .entry-featured-image-url { 
    pointer-events: none; 
}

Related Post: Adding CSS to the Divi Theme

Note that this will not affect other links in the blog module, such as the post title links.

To apply the CSS to a specific blog module only:

Give that module a CSS Class in "Blog Module Settings > Advanced > CSS ID & Classes > CSS Class", e.g. "non-clickable-featured-images"
Replace ".et_pb_module.et_pb_posts" with ".et_pb_module.non-clickable-featured-images" in the above code

We may earn a commission when you visit links on our website.

Streamline Your Divi Blog Module with Divi Booster!

Enhance your Divi blog module with advanced customization options. Divi Booster offers new features like styling tweaks and functionality enhancements, making your site-building process smoother and more efficient.

Get Divi Booster

| blog module featured image

Latest Posts

Add a Frosted-Glass Background Blur in Divi

Give your Divi layouts a polished, glassmorphism look by blurring the content behind a semi‑transparent Divi section, row or module. This effect enhances readability over busy or textured backgrounds while preserving the visual impact of your imagery and layout. In...

Customize Dot Navigation Colors, Size, and Border in the Divi Gallery Slider

Tailor the appearance of the dot navigation in the Divi Gallery module’s Slider layout by defining active and inactive colors, adjusting dot size, and applying a border to match your brand. Fine-tuning these details improves visibility, accessibility, and overall...

Customize Lightbox Title Styling in the Divi Gallery Module

Adjust the appearance of the lightbox title that appears when visitors open images from a Divi Gallery to align with your brand and improve readability. Refining the title’s color, size, and weight enhances visual hierarchy, accessibility, and overall polish. In this...

Center the Lightbox Image Count in the Divi Gallery Module

Centering the image count in a gallery lightbox creates a cleaner, more balanced presentation and makes it easier for visitors to see where they are in the image set. This simple visual tweak can enhance readability, especially with larger images and longer captions,...

Style the Divi Gallery Module Lightbox Image Count

Tailor the appearance of the image counter in the Divi Gallery module lightbox to match your brand and improve readability. By customizing the counter’s color and typography, you ensure it displays clearly and suits your design. In this guide we show you how to style...

2 Comments

zebontheweb on May 10, 2021 at 6:58 pm

Thanks for this – exactly what I needed :)
Reply
- dan on May 10, 2021 at 7:16 pm
  
  You're welcome, zeb :)
  Reply

Divi Booster