This took me forever to find! Hiding the excerpt should be an option within the Blog Module and not something I have to do with CSS or php. But regardless, here's the answer:
.et_pb_post .post-content {
display: none;
}
Courtesy of Michelle at DiviSoup.
I am using EXTRA and using Blog Feed Standard Module Settings.
Very simple:
1. Go to ADVANCE TAB in the BLOG Settings.
2. Go To POST EXCPERT
3. Copy paste”
display: none;
Save and update
Done!
thanku soo much you help me a lot . umaaah
Hello, I hope someone can help me in a rush! I am in a jam with only a day to get this right for a big launch.
I am running DIVI 2.1.4. I tried to upgrade and there were way too many changes to the format that I just could not deal with at this time.
I need to hide the content excerpts in a blog module. I have tried every single .css possibility listed here.
Anyone have any ideas or any success with this early of a version. I remember successfully achieving it on an earlier version, which is really odd.
Thank you in advance for any help you can offer me!!!
Try right clicking on the excerpt and clicking Inspect Element to see what the CSS class is on the excerpts for that version. Or post the URL and I can try and help you out.
I just want to use the blog module and only show links (no excerpts) on one page of my site. (not the entire site). How can I do this? And where exactly do I put the code? (I don’t have access to the template.. just the Divi module.
Thanks!
CK – Put it within the settings of the Blog Module itself on that page. Advanced Settings–> Main Element –> Paste that CSS into that area.
Just put the lenght of the extract to 0 and put transparency color, and thats it
What worked for me WP 5.2 Divi 3.22.7
assign some custom class to the module for example: myclass and then go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:
.myclass .post-content {
display: none;
}
Hi,
This solution works for me, but is rather bad for your SEO because Google interprets it as “hidden Content” and will punish your ranking for it.
Hope that someone will be able to help me with this.
Hi Friso – You are incorrect that this method is bad for SEO, and I don’t want anyone else reading this comment thread to think that either. The type of hidden content you’re referring to are things like white text against a white background, text pushed off screen outside of the browser window, text hidden behind images, etc.
Using “display:none;” in CSS is the proper way to hide an element from appearing on screen. Google does not crawl this content.
You can read more about Google’s policies including what they consider hidden content here: https://support.google.com/webmasters/answer/66353?hl=en
Just wanted to clarify for your sake and for anyone else reading this. Thank you for reading and trying to help others, but in this case, you are incorrect.
Works good, thank you. Helped a bunch on some Long Island Design sites I had to do… 🙂 Much appreciated. I just wanted the Title and images.
How to hide content from archive, category page?
Thanks! – I ‘ve tested easier way – use advanced setting for the Blog Module -> Content:
display: none;
(Divi 3.10.1)
Thankyou so much, this information helped me!
Thank you bro! You rock!
I thought, “great, i found an answer” but then, it didn’t work in the “main css” of the blog parameters.
But after looking for a while, i putted it in the settings of my page (and not of the blog module) and it workds
Thank you, thank you for sharing this!! It worked great on a new site I’m working on. Exactly what I was looking for!
First thank you for the post.
@Eric to keep the “read more” button
use this code.
.et_pb_post .post-content p {
display: none;
}
you can find the codes by right clicking on any part of the site and choose “inspect”. Then a side window will pop and well there is a lot of code but it will highlight the parts.
thank you this worked really well! My blog grid modules are now coming up right aligned (on the right hand side of the site – i’m not talking about the actual text in the blog posts themselves) vs nicely centred as they were before any idea how to fix?
Nothing comes to mind – sorry Ellie. Check to make sure all the semi colons and brackets are in place because sometimes a missing semicolon throws everything off. Sorry I can’t help more.
Hi guys,
I am using Extra v2.9 and nothing works, it does absolutely nothing for me…
The thing that “worked” was Jeremys
.post-content > p {
display: none !important;
}
But this disabled all the posts – “No posts found” appeared on the page.
I am trying to insert the code into Blog Feed Standard Module settings – advanced tab and into:
Post Excerpt:.et_pb_posts_blog_feed_standard_0 .hentry .excerpt
and I also tried to input it into
Main element: .et_pb_posts_blog_feed_standard_0
Please help me out, I am starting to seriously loose it…
Could you please enlighten me how does this custom CSS work? How do I use these fields? How should I properly enter the code into the fields?
Sorry for the amount of questions, I believe 1 reply will answer them all.
Thank you in advance
Is there any way of removing the title from the blog module as well? I just want the featured image to be displayed?
Yes, but that should be one of the default options within the blog module. No CSS required.
Hi Patrick, unfortunately it’s not.
Hi it is possible to applicate this css just for one blog module?
As far as I know – yes. You should be able to just insert it in the Advanced tab of the particular module under Main Element. That’s how I had done it because i was only hiding the excerpts on one particular blog module on the homepage.
It worked for me. Was able to use the CSS to hide out the elements I needed within the blog module. Thanks for sharing.
Even if I have divi 3.0.1 it’s not working. Any other suggestion? I cannot find the solution for this…
I haven’t upgraded to Divi 3.1 yet and am intentionally holding off a while, so I am not sure. Bear in mind that the code mentioned, I use with Extra theme, so perhaps Inspect the excerpt on your homepage with Divi 3.1 to verify that the div ID or div class is still the same. Might just be a simple ID/class difference in your code that’s required.
ah no sorry, in fact it doesn’t work with divi 3.1…
If someone have a other solution…
Ah great. Thank you very much for the tip.
Really appreciated.
Have a nice day.
Works perfectly! Thank you! Why isn’t it an option in the module?
Agreed!
Thanks so much – it worked great.
But how do I have a separate page ignore this ‘remove excerpt’ CSS?
I don’t want excerpts on my homepage, but do want them to show on other pages.
thanks in advance!
Can you try inserting that CSS JUST on the homepage as an inline style sheet instead of in the main stylesheet?
I put this on the specific page’s css and it worked. Thanks Paul
Nice Hamiz – good to hear.
Thank you !!!! That’s works for me.
For my specific situation I wanted to hide the excerpt but leave the link. This is the CSS I used:
.post-content > p {
display: none !important;
}
I also wanted to change the link to read “View Full Post”. I did that with the following jQuery:
jQuery(document).ready(function(){
jQuery(“.more-link”).text(“View Full Post”);
});
You can post the jQuery in Divi > Theme Options > Integration in the section that says Add code to the of your blog.
If anyone needs any help with things like this I’ll be happy to assist 🙂
Thanks for the info. Did you have to use jQuery though to change the View Full Post verbiage? Isn’t there a PHP file you can edit via your child theme that would do that also? (I don’t know – asking for clarification.)
YOU FREAKING ROCK !!!! Thank you sooooo much for sharing, YES!
Happy to help!
CommentVery interesting. Thank you. I’m still looking for a way to display only certain posts at extra e.g. in the blog Feed Masonry Extra module by entering ID (exclude-ID 1234, 3456) etc. or only to display special posts by ID. Am I making a mental error or are there no similar features of elegant-theme extra?
Sorry Jürgen – I’m not sure. I wish I could be more help to you but I do not know off hand how to accomplish that. If you find out though, please post the answer as it might help others.
I’d like to leave the Older Entries navigation label, but change the text. Where would I do this? I can’t find anything in the Divi theme that enables me to do this. Many thanks!
Right click on the “Older Entries” link on your blog and choose “Inspect” from the dropdown menu. You should be able to see what the CSS class or ID of that link is. And then add that to your Custom CSS section within the theme.
Ohh man… Thanks a lot for your help
Fantastic, thanks sooo much!!
OMG!! This is amazing.. I have been looking for this answer for a while. Thanks for sharing the code.
Anyway, to add some more insights to remove the excerpt to a specific blog module.
1st step: label your blog module CSS ID in the module advance tab as “custom-blog” or whatever you want to call it
2nd step: based on the code on this post, you can add
.custom-blog before the whole code
so it would look something like this:
.custom-blog .et_pb_post .post-content {
display: none;
}
This will disable your excerpt on specific blog module and not on the global settings.
Thank you! This worked great!!!! I’m also there for my desired look.
Do you know what I would enter if I want to remove the post title just on the homepage and not also on the blog page?
Thank you!
Exactly what I was looking for – Thanks for posting this
Yes sir – you’re welcome. Glad it helped.
What if you only want to remove the excerpt for posts in one category?
Using this method? I have no idea. Sorry.
You’re a star! It’s silly that they didn’t include that as part of the module design. Thank you.
Hey, this is great thank you! Is there any way to hide the excerpt but keep the read more button?
Hi Eric – I’m pretty sure that you can use that code and leave checked “Show Read More Button” within the blog module settings and that’ll do the trick. Let me know if not though.
It hide my “read more” button as well and I do have the “Show Read More Button” checked. Is there another suggestion you have to hiding the excerpt but still show the “read more” button? Thanks in advance!
A little clarity, where do I put this code exactly?
WP-Admin –> Divi/Extra –> Theme Options –> General –> Custom CSS (all the way at the bottom)