How to hide several things on portfolio

dotcbesro · July 2015

Hello guys/girls,

i am very glad that i bought this theme! It is really awesome!

I have just one problem with single portfolio.

Need to hide everything within red square - categories, post date and featured image /i want to add image somewhere else/

Web: http://clt.dotcube.sk/portfolio-item/rd-kreativ/

Albert · July 2015

Hi,

to remove all those elements inside red square, please use below css:

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

dotcbesro · July 2015

Thanks. And is there how to hide date, website, project and name? i tried .project-description li .label { display: none !important; } but it is not workin...

Albert · July 2015

To remove the section under the image, please use below css:

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

lgoto · August 2015

Hello,

These answers were really useful! Thank you!

I also need to hide the date from Related , like apears on image:

http://postimg.org/image/tjbz7v0kt/

Could you please help me?

Thank you!

Albert · August 2015

To remove date from related posts section, please use below css:

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

lgoto · September 2015

Thank you, it worked just fine!

lgoto · September 2015

One more thing, now I need to hide the image from related posts.

I need to appear only the Title of the post.

Could you help me?

Thanks!

Albert · September 2015

To remove image from related post section, please use below css:

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

lgoto · September 2015

Thank you!

Albert · September 2015

You're welcome

pilinqn · October 2015

Hello!
I am sorry but where I have to add them?
Thanks

Albert · October 2015

Each css should be pasted under Theme options > Custom CSS & JS > Custom CSS section.

rennes-internet · October 2015

i'd like to hide grey lines here around the project, and change image size here too http://www.rennes-internet.com/realisations-sites-internet-rennes/ some help ?

Albert · October 2015

@rennes-internet We look on your site and we do not see any grey lines. But images sizes can be changed under functions/theme-functions.php file only where add_image_size() functions are.

pilinqn · October 2015

Thanks 4 your answer. I did it but it stills not working! Something I could be doing wrong?

Albert · October 2015

@pilinqn What exactly you did and what does not work? All above steps are ok so if something does not work, it means you did something wrong on your side.

lgoto · November 2015

Hello

I had a css to hide the gray frame on portfolio images, but after last wordpress update it's not working anymore.

I need it to be hidden from anywhere I show portfolio items (I show in 3 different pages) and from related items

I think it was

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

but I'm not sure.

Thanks!

Albert · November 2015

@lgoto On which pages above css does not work anymore?

lgoto · November 2015

Here

http://postimg.org/image/gtsotwcsd/

and here

http://postimg.org/image/fg11yldj1/

Albert · November 2015

But we asked about the links to pages, not the screenshots.

D_fosto · November 2015

Hi,

I was able to hide/delete some of the content that I don't want on my portfolio using the following code in my custom css:

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

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

.single-portfolio .post-header .title_wrapper { border-left-width: 0 !important; }

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

.single-portfolio .single-photo-wrapper .image_frame { margin-left: 0 !important; }

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

.single-portfolio .post-nav { visibility: hidden; }

but dates are still appearing over "Related Posts" and when I hover over the porfolio navigation arrows. How do I get rid of the date in these areas. thanks!

D_fosto · November 2015

.section-post-related .post-related .date_label { display: none !important; }
ok this works for related posts, but still showing up in hover

Albert · November 2015

@D_fosto Please show us on screenshot what is still appearing and also please provide url to page where you got it.

How to hide several things on portfolio

Comments