How to add Portfolio / Project in Appointment Theme

Hi Admin,

I follow your tutor, how to add portfolio but its not work well, I read it on, I want to made 2  collum as tutorial but is doesnt work, can you help. theme was install on



  • Hi, Iam using pro version, waiting for your support
  • Sorry for the delay , since , we are on weekend so unable to provide you support right now. Will be back by tomorrow and surely one of our developer will help you out.

  • Hi 

    To add 2 column portfolio page in your theme . 

    Follow the given below instruction . 

    1 Go to WP-Admin << Pages and add new page . 
    2 Then A window is open , At the right side of window find template field .

    3 Select Portfolio-2 Col Template .

    4 Then click on  publish button . 

    Let me know for any confusion .


    portfolio template.png
    1347 x 696 - 103K
  • Okay, got it..
    How to add the Portfolio on index / frontpage, bottom of the text, now was show 3 photos and need 6 photos show on front page
    653 x 487 - 547K
  • edited July 2015

    For this follow the given below instruction .

    1 Find the index-portfolio.php file (located in your theme directory) . 

    2 Open it and find the below line of code on line no  55. 
    <div class="item <?php if($j == 1){ echo "active"; $j++; } ?>">

    3  And replace it with below line code .

    <div class="item_with_no_slider ">


    Step 2 
    Go to Wp-admin << Customize << Find Project setting and then set  Input Number of Projects 
    field  value to 6 

  • Hi Akhilesh,

    Great, thanks for support. another question
    -  I need to remove to arrow on the red line
    -  I want to made space between text with orange color more closer, how do I change it?

    1150 x 452 - 595K
    1324 x 503 - 272K
  • Hi 

    To remove arrow 
    For  add the below css code into  Customize << Custom css box . 

    .project-scroll-btn { display:none; }

    And to reduce the space between orange strip and title . 

    Add the below css code into custom css box . 

    .top-contact-detail-section { margin-bottom:0px }

    You can change margin-bottom property values as your need . 


  • Great, its done..
This discussion has been closed.