portfolio options (love button, buttons, categories)

[pixel8edspace]

Hi,

Just purchased Dante. One of the finest themes I’ve ever used! Have a few questions :

1) How do I remove the “love” buttons on the portfolios
2) How can I hide the portfolio pre/next and “all(?)” icons at the top of the post?
3) How can I hide the portfolio categories (or can I show them below the post)?
4) How can I show the Title and/or the excerpt text on related posts of portfolio posts?
5) For “related posts” the rollover colour fill / title offsets from the image. Not sure if intentional or a bug

Cheers,
Andy

[Tahir – SUPPORT]

Hi Andy,

1: There is option of removing love buttons from whole theme in Theme options ‘General Options’ Tab . Or do you want to remove it just from the portfolio page ?.

2: You can use this custom css

.portfolio-options-bar ul.pagination-wrap {
display:none;
}

3: use this css to remove the categories

.portfolio-details-wrap{
display:none;
}

4: Its not supported by the theme.

5: Its intentionally to give an isometric feel.

Let me know if you have any other queries.

All the Best
Tahir

[pixel8edspace]

Hi Tahir,

Thanks for the above. Ok, so is there anyway I can remove the “offset” effect? I’d like it to be consistent with the portfolio rollovers.

Also, how can I reduce the height of the title bar? I’d like to reduce by around 50% of what it is now.

Thx!

[Melanie – SUPPORT]

Hi, I’m not sure what you mean by offset – in our demo http://dante.swiftideas.net/2013/11/08/full-width-media-post/ the rollover on the related articles looks fine, can you show me a link of what you see?

.page-heading.col-sm-12.clearfix.alt-bg.alt-one {
padding-top: 10px;
padding-bottom: 10px;
}

Cheers

[pixel8edspace]

Hi Melanie,

The highlight appears to “lift” off from the page. I’ve attached a screen grab. Tahir mention this was a feature, but it seems fine on the link you sent me.

Also, the custom css you posted for the title bar size doesn’t seem to work.

Any ideas?

[Swift Ideas – Ed]

Hi there,

This custom css will stop the offset:

figure.animated-overlay:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}

The page heading css you need is:

.page-heading {
padding-top: 10px;
padding-bottom: 10px;
}

Hope that helps.

– Ed

[Chris]

Is there any way to hide related projects in a single portfolio item?

[Melanie – SUPPORT]

Hi, do you mean per item individually or in general?

[Chris]

per item individually…

[Melanie – SUPPORT]

I’m afraid we don’t have an option for that, but we could remove it with css. This would require having the ID of your post and adding it to the css like so:

.post-id-1234 .related-wrap { display:none; }

[Chris]

Thanks for this, i have tested this with

.post-id-248 .related-wrap { display:none; }

and
.post-id-170 .related-projects {
display:none;
}

both without success. Am i missing something?

[Kyle – SUPPORT]

Hi Chris

Could you send me a link to the portfolio item and I will provide the exact css to hide the related projects.

– Kyle

[Chris]

This reply has been marked as private.

[Kyle – SUPPORT]

Try this css:

.post-248 .related-projects {
  display: none;
}

To remove the remaining white space, please use the pb0 pt0 mb0 mt0 classes on your elements.

– Kyle

[Chris]

Yes! The ID thing was it. Thanks for this code. Only thing is the white space. I add this to parallax element but white space was shown with pb0 pt0 mb0 mt0. Hope i get this sorted.