How To Remove The Divi Blog Module Title Author And Category Links Tutorial by Pee Aye Creative

How To Remove The Divi Blog Module Title, Author, And Category Links

Nelson Miller Pee Aye Creative
In this tutorial I will show you how to remove the links from the Divi Blog module including the title link, author link, and category link.

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

Add A Custom CSS Class

We are going to start by adding a custom CSS class to the Divi Blog module. Using a custom class like this will make sure that our code only affects the module with this class, rather than affecting other Blog modules on your site.

Open the Divi Blog module settings and go to the Advanced tab and open the CSS ID & Classes toggle. From there, copy and paste or write “pa-blog-no-links” into the CSS Class input field, as shown in the screenshot.

add custom class to Divi Blog module to remove links

Where To Add The Code Snippets

Now that you have added the custom CSS class to the module, you can proceed and choose one or more of the snippets below. Each one is labeled, and you can use either one, two, or all three of them.

Where To Paste The CSS Code

1. Divi Assistant
If you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.

2. Child Theme
If you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.

3. Divi Theme Options Integration
Otherwise, paste this code in your Divi>Theme Options>Custom CSS code box.

If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi.

Remove The Divi Blog Module Title Link

This first snippet will disable the cursor on the title link. By default, all the Divi Blog module titles are clickable links that take you to the individual blog posts. But for some reason, if you want to disable this, just use this snippet and the users will not be able to click on them.

/*make Divi Blog module post title link unclickable*/

.pa-blog-no-links .et_pb_post .entry-title a {
	pointer-events: none;
}

Remove The Divi Blog Module Author Link

The page this links to would show all posts by the author, but if you only have one author on your blog, then there is absolutely no reason to link your visitors to a separate author archive page. So that would be one reason you may want to remove the link from the author in the Divi Blog module meta.

NOTE that if you are also wanting to remove the category, you can just use the snippet for the category as it will apply to the author as well. 

/*make Divi Blog module post meta author link unclickable*/

.pa-blog-no-links .et_pb_post .post-meta span.author.vcard a {
	pointer-events: none;
}

Remove The Divi Blog Module Category Link

If you simply want to showcase the blog post category without actually sending users to the category archive page, then this snippet is perfect for you. This would go great with our other tutorial about highlighting the Divi Blog module meta over the featured image.

NOTE that if you want to only hide the link on the category without affecting the author or comments count link, then you will need to add target the link more accurately. See the video to learn more about a workaround for that.

/*make Divi Blog module post meta category link unclickable*/

.pa-blog-no-links .et_pb_post .post-meta a {
	pointer-events: none;
}

Be sure to watch the video to see all of this live and in action! Let me know in the comments if you enjoyed this!

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin

Please share this post!

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

1 Comment

  1. Pedro Martin

    Hi Nelson,

    I first time meet your website and it is great!

    Many users with motor disabilities can not use the mouse only the keyboard also blind people that use Screen Readers do not use the mouse. They only use the keyboards.

    When they use the TAB key do not need redundant access twice to same link. They only should access to the post through one link, either Picture or the tittle.

    Our website in keyboard accessible but I need avoid the access to the Post Tittle with the key TAB.

    Thanks

    Martin

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart