How to hide several things on portfolio

dotcbesro

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dotcbesro

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lgoto

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lgoto

Thank you, it worked just fine!

lgoto

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lgoto

Thank you!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

pilinqn

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rennes-internet

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

@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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

pilinqn

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

Albert

@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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lgoto

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lgoto

Here

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

and here

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

D_fosto

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

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next