Remove featured images from Blog listing page.

justinclarkro · March 2017

How do I remove the featured images on this specific page using custom CSS?

http://pathologywebinars.com/webinars-archive/

Also, how do i resize the featured image "Box/Wrapper" size to the same size as I preset in the theme settings?

Thanks!

Bryan · March 2017

Hi,

Are you talking about the featured image or the faces of people? There is no featured image set on this page. Also, what do you mean by box/wrapper image size. Please make a screenshot and explain what are you going for.

thanks

justinclarkro · March 2017

Yes I am talking about the faces of the people on that page. How do I use CSS to remove those images from that specific page? If we can remove these people/images from the page mentioned then I will not need help resizing the boxes they are contained in. Can you please provide me a way to hide or remove these images from this page using CSS?

justinclarkro · March 2017

I also want the default paperclip removed.

Albert · March 2017

Ok, so to remove both, you need to use the following custom css:

.page-id-2355 .blog_wrapper .format-link .post-title .icon-link { display: none; }
.page-id-2355 .blog_wrapper .format-link .post-title .link-wrapper { margin-left: 0; }
.page-id-2355 .blog_wrapper .post-item .image_frame.post-photo-wrapper { display: none; }
.page-id-2355 .blog_wrapper .post-item .post-desc-wrapper { width: 100% !important; }

justinclarkro · March 2017

Now that I have made this edit you will see that the page titles are different fonts/font sizes. The first 3 webinars listed title fonts look different in size and style.

http://pathologywebinars.com/webinars-archive/

How do I correct this using customer CSS or how do I edit the following CSS to ensure the titles are all consistent?

Note: without me adding !Important to each line the CSS provided above in your last message did not work...

Here is what I am using now:

.page-id-2355 .blog_wrapper .format-link .post-title .icon-link { display: none; !important; }

.page-id-2355 .blog_wrapper .format-link .post-title .link-wrapper { margin-left: 0; !important; }

.page-id-2355 .blog_wrapper .post-item .image_frame.post-photo-wrapper { display: none; !important; }

.page-id-2355 .blog_wrapper .post-item .post-desc-wrapper { width: 100% !important; }

Thanks for your quick help!!!

Bryan · March 2017

Add this css

.page-id-2355 .post-item h4 {
	font-weight:400 !important;
	line-height:22px;
	font-family: "Raleway", Arial, Tahoma, sans-serif !important;
}
.page-id-2355 .entry-title {
	font-size:22px !important;
	line-height:20px;
}

Remove featured images from Blog listing page.

Comments