Remove featured images from Blog listing page.

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! 

Comments

  • 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
  • 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? 
  • I also want the default paperclip removed. 
  • 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; }
  • 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!!!
  • 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;
    }
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.