Docs

[Rosston M]

I have sucessfuly edited the portfolio php file (using the Renew stack) to show just the project title and a custom field that shows artist above.

Example: http://pip.snewsite.com/projects/

I need to get the scroll changed to a hover, as seen on the project thumbnails on the homepage. I know this is editable in a js file but I cant figure out which one.

What php and js files need to be edited to make the slide effect change to a hover?

And also where is the code for the recent posts widget? I’d like to put the custom field Artist in where the date is there too.

Thanks!

[Kory]

Hey Rosston,

Thanks for writing in! Great job editing the theme, looking good. 🙂 When you say that you need to get the “scroll changed to hover,” can you elaborate more on what you mean by this? Unfortunately, at this time I’m not quite able to ascertain what it is you’d like to accomplish. The overlay already scrolls in over the image on hover for the portfolio, so unless I’m missing something it would seem that this functionality is already working as you’re expecting. Once we have a more thorough picture of what it is you’re wanting to update, we’ll be happy to assist you on this.

Additionally, we do not have a recent posts widget with the theme. In our demonstrations, if we’re showing recent posts it is typically with our [recent_posts] shortcode with the orientation set to vertical and we place this in a text widget. If you’re referencing this shortcode, unfortunately there is no way to edit this in a child theme, you will have to edit the core files at /x-shortcodes/functions/shortcodes.php. Remember, editing this file directly means that any changes you make will be overwritten when you update the plugin in the future, so you will need to make sure to take care of that when you update in the future.

Thanks!

[Rosston M]

Hi, thanks for your reply.

What I mean exactly is the transition of the content (Artist and Projet name showing on hover) that overlays on the portfolio images page – want those to have the same hover transition as seen on the homepage thumbnails…where it just fades in the blue css tyle and shows the date and prohejct title there. Just dont want the scroll effect on the Projets page, it get annoying sliding in and out like. I know this is called via a css class, but Id like to just change the transition that is called in the js file.

Hope that makes sense.

I’ll look at the shortcodes.php file to see if I can add a custom field there.

Thanks, and I have a running list of the updates Ive done.;)

[Kory]

Hey Rosston,

The transition actually isn’t handled with JavaScript (CSS3 FTW!). You can remove it and do a similar transition to what it sounds like you want with the following:

.x-portfolio .entry-cover {
  opacity: 0;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

.x-portfolio .entry-thumb:hover .entry-cover {
  opacity: 1;
}

Thanks!

[Rosston M]

Thanks, I added that css code and I see that it changed/removed the slider but its not working? Can you check and see whats going on?

[Kory]

Hey Rosston,

Try changing the CSS to the following as this is likely a specificity issue:

.x-portfolio .entry-cover {
  opacity: 0;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

.x-portfolio .entry-cover:hover {
  opacity: 1;
}

Thanks!

[Rosston M]

That was it, thanks so much.

Loving this theme!

[Support]

Hi Rosston,

Your Welcome!

Thanks

[Author]

Posts