Hide featured image in portfolio pages

PrecisionPaperwork · April 2016

Hi,

I had featured images hidden in portfolio pages with the following code:

/* HIDE PORTFOLIO STUFF ON SINGLE PAGE */

.single-portfolio .post-nav { display: none; }

.single-portfolio .post-header { display: none; }

.single-post .single-photo-wrapper { display: none !important; }

.single-portfolio .post-meta { display: none; }

/* .post-header .button-love a.mfn-love { display: none; }*/

.single-photo-wrapper .image_frame { display: none; }

.single-portfolio .project-description { display: none; }

.section-post-related .post-related .date_label { display: none !important; }

A recent update to the latest version of BeTheme seems to have stopped this working.

How can I hide the featured image at the top of single portfolio pages?

Here's an example:

http://swallowforge.co.uk/portfolio-item/how-to-build-a-cannon/

I want to hide the image at the top. I need the featured image for the thumbnail in the portfolio grid.

Thanks :-)

Albert · April 2016

Hi,

to remove featured image from single portfolio pages, please use the following css:

.single-photo-wrapper.image { display: none !important; }

Andris83 · June 2017

it also remove and related post images

Bryan · June 2017

Because you need to specify it only for the portfolio pages.
Just edit a portfolio item and paste the code into custom css at the bottom of the page.
Then it will work only for this page.

Catface · June 2017

The individual portfolio items don't seem to have a field available for custom CSS.

Am I missing something?

Bryan · June 2017

I was reffering to the single portfolio page, not the item edit.
Please send us a link to your portfolio Catface

5starlogo · May 2018

Having the same issue, using the stylist theme and there is no css option for the portfolio item page or option to disable featured image.

https://fivestarlogo.com/portfolio-item/rania-olayan-luxury-real-estate-website/

Bryan · May 2018

5starlogo
there is no custom css for portfolios or blogs, only for pages.
If you want to disable the featured image on portfolios then use this css

.section-post-header .single-photo-wrapper {
	display:none !important;
}

thanks

n_hoangkien · July 2018

Hi Betheme support team,

The above css code will disable the feature image but it disable the share box too, please guile me how to keep the share box while disabling the image.

Thanks,

HK

Pablo · July 2018

n_hoangkien
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

Cheers

n_hoangkien · July 2018

Hi Pablo,

Sorry for that, pls check my site here: http://oodecor.com/cong-trinh/vinhomes-golden-river-aqua-2/ (this is portfolio page).

And here is my main page: http://oodecor.com

Thanks,

HK

Pablo · July 2018

Delete the old CSS and paste this:

.section-post-header .single-photo-wrapper .image_frame {
	display:none !important;
}

Thanks

n_hoangkien · July 2018

Hi Pablo,

It works but the Share box is vertical and it looks not nice, how to align it as horizon as the red line's below image:

Thanks,

HK

Pablo · July 2018

I answered this question in your previous topic.

https://forum.muffingroup.com/betheme/discussion/40490/relocate-and-config-share-box#latest

Cheers.

Hide featured image in portfolio pages

Comments