Docs

[Kashevko]

Hi,
I’m using the Integrity stack theme and my developing website is: http://ponylab.studio/

I’m trying to:

1. remove the “Permalink to: ,,,,,” popup from the mouseover on an item on the portfolio.
I’ve tried next javascript codes:

jQuery(document).ready(function($){
$('a.entry-thumb').attr('title','');
});

and

(function($) {
   $(document).ready(function() {
      $('.x-portfolio a.entry-thumb').removeAttr( "title" );
   });
})(jQuery);

and

jQuery( function($) {

    $('a.entry-thumb').attr('title', '');

});

+ to the last one i’ve added this css to the custom CSS:

 .has-post-thumbnail .entry-featured {
    border-bottom: 0;
}

Any of this doesn’t works for me.
How the solution should look?

2. I’m trying to edit this page: http://ponylab.studio/portfolio/ but anything changes.
I mean I’m trying to add text/images, but nothing reflects on that page.

(for example when I’m editing any of the portfolio item pages everythings works fine)

Thanks in advance,
Serg

[Rue Nel]

Hello Serg,

Thanks for writing in!

#1] Please add the following JS code in the customizer, Appearance > Customize > Custom > Edit Global Javascript

(function($) {
   $(document).ready(function() {
      $('.x-portfolio a.entry-thumb').removeAttr( "title" );
   });
})(jQuery);

#2] You cannot change the layout because this page is using a page template. All the contents using the Layout – Portfolio page templates are dynamically generated by the template to display the portfolio items. If you change the template to something else, your changes will display however the portfolio items and the entire portfolio page would be different.

Hope this helps.

[Kashevko]

#1 It removes only the text but I’d like to remove that chain icon on the hover.
(or change it with my picture.I’d like to try to implement how my logo would look there instead of the chain icon)

So, could you please help with the following:
Code for:
1) How to substitute chain icon with my custom icon;
2) How to remove that icon on hover at all.
3) And how not to remove text “Permalink to: ,,,,,” but change it? I’d like to be there some text like this: ”Click for details”

#2 Got it. Thanks

[Christopher]

Hi there,

Please add following code:

.entry-thumb:before {
    content: url("add mage URL here");
  
}

Please update previous JS code to :

jQuery(".page-template-template-layout-portfolio-php a").attr( "title","Click for details" );

Hope it helps.

[Kashevko]

Thanks!
Now everything looks perfect.
Have a great day!

[Kashevko]

A little nuance about this javascript.
It works perfect but now it adds this text not only for the portfolio item tabs but for the all links on this page while hovering.

How to display this text only on the portfolio items?

Thanks.

[Joao]

Hi There,

Please try using instead:

jQuery(".page-template-template-layout-portfolio-php a img").attr( "title","Click for details" );

Hope it helps

Joao

[Kashevko]

Great!
Thanks.

[Joao]

Glad to hear it,

Cheers

[Author]

Posts