Showing more then 6 Projects?

Hello, on some of your other themes there is an option to do a second page of projects since the max to show is 6. How do I do this in moesia as i can’t find it in the options?

Hello there,

It can be set in the input field that says “Number of projects to show (-1 shows all of them):” of the “Moesia FP: Projects” setting.

Regards,
Kharis

I can’t believe i missed that, not my day i guess. One other thing, is it possible to display the title over the project or have it appear on hover?

Hello there,

Thank you for the followup. Yes, it is possible.

Could you please try to do the following steps?

  1. Install and activate the Header and Footer Scripts plugin
  2. Go To Settings > Header and Footer Scripts panel
  3. Paste the following CSS code into the “Scripts in header:” box:

<style type="text/css">
.proj-title{
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  color: #fff;
  z-index: 2;
}

.project-image:hover > .proj-title{
  opacity: 1;	
}	
</style>

  1. Paste the following jQuery code into the “Scripts in footer:” box

<script type="text/javascript">
(function($){
      
  if( $('.projects-area').length ){

    $('.projects-area .project').each(function(){

      var title      = $(this).find('.link-icon').attr('title');
      var titleBlock = '<div class="proj-title">'+title+'</div>';

      $(this).find('.project-image').prepend(titleBlock);
    
    });
  
  }

})(jQuery);
</script>

  1. Save settings

You would clear your web browser’s cache before reloading your site to see the code take affect.

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis

That’s excellent, Works great.

One question, is it possible to change the font and color? If not it’s really not a problem.

Again thanks this is great.

Hello there,

To change the font color, edit this line:


color: #fff;

Change the hex color code to any color of your choice.

To change the font, add font-family property. The final code would look like this:


.proj-title{
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  color: #fff;
  z-index: 2;
  font-family: Futura,Trebuchet MS,Arial,sans-serif;
}

Visit cssfontstack.com. There might be a font family which meets your need.

Regards,
Kharis

I have been trying other settings (-1, 9, 0, etc.) and it keeps on resetting to 6. Any ideas?

Hello there,

Did you have more project items that are publicly published (neither private nor password-protected)?

Regards,
Kharis