Hover on portfolio masonryco - Support | Kriesi.at

Tagged: hover, josue, masonry, Portfolio

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
April 19, 2016 at 11:00 am #617279

handelsmann
Participant

Hey guys,

so I have the problem that the hover on portfolio doesnt work the way it should.
So what we wanted to have is a change with hover from black and white to color on the frontpage HOME Portfolio
That works in our TEST-environment but not in our LIVE-environment.

As we had an issue with the order on portfolio due to Post Types Order plugin

Masonry Portfolio order and img hover

it feels like this issue started with solving this one, as the hover worked before.

For the history of this:
we had codeable do some work for us on custom (field) options and for some reasons this custom options
does not appear in LIVE Version but in our TEST mode.

I dont know if this exactly relates to the problem, but the routine was – look for portfolio pic named with SW (for example: KP038_picturenamSW.png and give back the equivalent coloured one KP038_picturenam.png.

Can you lend a hand here?

Found out that this frontpage masonry has a custom css called custom_masonry but I couldnt find a related clue to this.

Thanks for helping out.

Best Stephan

April 22, 2016 at 5:56 am #619516
Ismael
Moderator
Hey handelsmann!

Thank you for using Enfold.

How did you implement the codeable.js code? The script will only work if the page’s body has a class attribute of “home”.
```
if($('body').hasClass('home')){
```
It’s not working in the portfolio page because of that.

Best regards,
Ismael
- This reply was modified 7 years, 12 months ago by Yigit. Reason: moved content to private content field
April 22, 2016 at 7:41 am #619579

handelsmann
Participant

Hey Ismael,

thank you so much. This seems to be the solution. This is so great.

Right in the moment you set the above mentioned page (private content) as the home page
the hover effect is there. So does your system set this class for the frontpage?
And do I have the chance to set this functionality for a page
if it is not the home (front) page by your theme frontpage settings?!

You are awesome guys. This is the best support out there in stratosphere.
BTW – can you mark the link in your answer as private as we are in prelaunch mode.

Thanks.Stephan
Stephan

April 22, 2016 at 2:24 pm #619966
Yigit
Keymaster
Hey!

You can change the code to following one
```
if($('body').hasClass('home,.page-id-59')){
```
and that should help. You can replace page ID to match your pages ID

Cheers!
Yigit
April 23, 2016 at 11:15 am #620463

handelsmann
Participant

Hey Yigit,

thanks for helping in this. Did the change and replaced the code, but it had
no influence on the HOME portfolio – page (ID 295!
See screenshot.

Best Stephan

April 26, 2016 at 1:46 pm #622105

Andy
Inactive Moderator

Hey!

you are using a caching Plugin, so go into plugin’s settings and choose to switch off caching. Deactivate this and all other plugins. Afterwards clear browser cache and hard refresh a few times.

By the way you are using an old version of the theme and of WordPress. Please upgrade both.
Deactivate all your plugins to make sure none is causing any conflict.

Regards,
Andy

April 28, 2016 at 1:45 pm #623702

handelsmann
Participant

HI Andy,

thanks, the updates come faster than I can complete the pages :-).

Will check here!

Best Stephan

May 2, 2016 at 8:53 am #625540
Ismael
Moderator
Hi,

Remove the “dot” in the .page-id-295. And the code should be like this:
```
if($('body').hasClass('home') || $('body').hasClass('page-id-295')){
```
Or something like this should work as well:
```
if($('body').is('home, page-id-295')){
```
Best regards,
Ismael
May 2, 2016 at 11:10 am #625636

handelsmann
Participant

Hi Ismael,

this first code works perfectly. Thank you so much for helping out.

Best Stephan
Author

Posts