All Collections
FAQ's and Troubleshooting
Disabling Clickable Links In The Divi Blog Module
Disabling Clickable Links In The Divi Blog Module
Karen avatar
Written by Karen
Updated over a week ago

If you wish to prevent visitors from clicking on links within the Divi Blog Module, such as the Title, Image, or Categories, you can easily do so with a bit of Custom CSS code.

Disabling the Divi Blog module links:

  1. Navigate to the Settings of the Divi Blog module where you want to disable the links.

  2. In the module settings, switch to the Custom CSS tab.

  3. Locate the field name for the link you want to disable:

  4. In that field, paste the following line of CSS code:

    pointer-events: none;

Special Case: Disabling Blog Module Image Link

There is a special case for the Blog Module Image link. It can't be disabled by adding the above code. If you specifically want to disable the link on the Blog Module's image, follow these additional steps:

  1. In the Divi Blog module settings, go to the Advanced Tab.

  2. Find the Custom ID & CSS Classes section.

  3. In the CSS Classes field, enter the following CSS Class: divi-dis-bil

  4. Now access the Divi > Theme Options > General Settings tab

  5. Scroll to the bottom and locate the Custom CSS option.

  6. Add the following code to the Custom CSS option:

    .divi-dis-bil .entry-featured-image-url {
    pointer-events: none;

Note: If you want to disable all links in the Divi Blog module items, you can add pointer-events: none; to the "Main Element" field under the Divi Blog Module settings in the "Advanced" tab under "Custom CSS."

Did this answer your question?