How do you hide thumbnail image in Wordpress post? - css

How do you hide featured thumbnail image from showing up in your Wordpress posts?
I am using the simplelin theme.

In "Additional CSS" add the following:
.post-thumbnail > img { display:none }
I am not sure how many themes this works in, but I know it works for simplelin.

You can also try with this additional CSS -
.entry-thumbnail { display: none; }

Related

Hide featured image in single post view

I want to hide featured image on single post view. i tried with plugin and also theme panel have option to hide feature image but it did not work. I also add custom CSS code but did not work for me. Is any other way to hide featured image? Please help me to solve my issue.
I am using Newspaper theme (Version: 11.5.1).
Website: AmazClub
The page I need help with:
https://amazclub.com/airpods-pro-in-the-shower/
Try this custom CSS
.postid-894 .tdb_single_featured_image {
display: none;
}
The .postid-894 is a class that is applied to the specific post you linked, so the style wont be applied to other posts.
The .tdb_single_featured_image is the featured image element.
The display: none; will prevent the selected element from rendering in the page.

How to hide this .wpnotif_admin_conf .wpnotif_sts_logo (class) from WordPress Admin Area

I have tried this CSS, But not working, still showing.
.wpnotif_admin_conf .wpnotif_sts_logo {
display: none !important;
}
Now what I can use to hide this Class from the Admin Area?
Use a comma if these are 2 classes.
.wpnotif_admin_conf, .wpnotif_sts_logo {
display: none !important;
}
It depends on where you are adding the CSS. As this is a backend page, adding the CSS on style.css or additional CSS in Customizer won't work.
You need to add a custom CSS for the admin and mention the CSS there. Check admin_enqueue_scripts.

How to hide Post except below the Title on Homepage Thumbnail?

My Website is https://new4kmovies.com
I want to hide the Post except on homepage, i want to keep the thumbnail and title only and want to remove rest.
Can i do it using custom css? I am using " The Box" wordpress theme.
Thanks
Salena
Try following on your style.css
.home .grid2-sidebar .entry-summary {
display: none !important;
}

How to hide breadcrumbs from all pages in WordPress

I have been trying to remove this breadcrumb feature from my WordPress site but don't know how to do. Please help. It shows in every page.
I want to remove from all pages.
You can use this CSS:
nav.woocommerce-breadcrumb {
display: none;
}
This can be added via a child theme or within your WordPress Customizer
.
In your child-theme or custom CSS box, add the following code:
.woocommerce-breadcrumb {
display: none;
}
If that doesn't work, use !important like so:
.woocommerce-breadcrumb {
display: none !important;
}
Do not use !important unless necessary and only edit your child-theme or you will lose this modification on next theme update.
It's best to put the above code in the CSS box if your theme has one. It can usually be found under 'Theme Options' in wp-admin.
The code I gave will simply hide the concerned CSS class.
Hope this helps.

How to hide an embedded image from a Shopify shortcode?

I am using the Shopify plugin which inserts Shopify products into Wordpress. I am trying to hide the image that gets brought in via the shortode. I've tried css and jquery but can't get it to be hidden.
So link for example: http://dev.whydidibother.com/airdecksltd_09_09_16/shop/6-board-pod/ - it is the image directly above the title and price.
Thanks
Try adding the following CSS:
.product-embed__image {
display: none;
}

Resources