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

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;
}

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 do you hide thumbnail image in Wordpress post?

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; }

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;
}

Nextgen gallery 2.1.46 remove title in image browser using CSS code

I am trying to remove the title from an image browser gallery using the Nextgen gallery plugin (v. 2.1.46) and Wordpress (4.4.4).
I have been instructed to go to Gallery > Other Options > Styles and modify the CSS code. But, I am not having luck with the code to remove these titles. So far I have tried:
title=""
title="display:none;"
Could someone please help me and let me know if I am putting in the correct code? Thank you!
Add this custom css:
.ngg-imagebrowser > h3 {
display: none !important;
}

Resources