Home page layout

Discussion in 'BlackBird WordPress Theme' started by jimbo192, Oct 21, 2013.

Thread Status:
Not open for further replies.
  1. jimbo192

    jimbo192 New Member

    Joined:
    Oct 16, 2013
    Messages:
    8
    Likes Received:
    0
    Hello -
    My client wants to have his home page look like this. I need the 3 circles "read more" area to move under the testimonials, and have the testimonials module area move to top and become just static text for paragraphs. How do I achieve this please? Thank you.
    home-page-layout.jpg
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the front-page.php present in your theme directory and edit the code as instructed in the image given below.

    Cut this code from this file:
    Code:
     <div class="feature-content">
              <div class="circle-content">
                <div class="grid_8 alpha">
                  <div class="feature-content-inner one">
                    <?php if ( inkthemes_get_option('inkthemes_wimg1') !='' ) {  ?>
                  <div class="circle"><a href="<?php if ( inkthemes_get_option('inkthemes_link1') !='' ) { echo inkthemes_get_option('inkthemes_link1'); } ?>"><img src="<?php echo inkthemes_get_option('inkthemes_wimg1'); ?>" alt="First Feature Image" /></a></div>
                    <?php } else {  ?>
                    <div class="circle"><a href="<?php if ( inkthemes_get_option('inkthemes_link1') !='' ) { echo inkthemes_get_option('inkthemes_link1'); } ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/img1.png" alt="First Feature Image" /></a></div>
                      <?php } ?>
                      <?php if ( inkthemes_get_option('inkthemes_headline1') !='' ) {  ?><h2><a href="<?php if ( inkthemes_get_option('inkthemes_link1') !='' ) { echo inkthemes_get_option('inkthemes_link1'); } ?>"><?php echo stripslashes(inkthemes_get_option('inkthemes_headline1')); ?></a></h2>
              <?php } else {  ?> <h2><a href="#">All Themes Design</a></h2>
              <?php } ?>
                <?php if ( inkthemes_get_option('inkthemes_feature1') !='' ) {  ?>
              <p><?php echo stripslashes(inkthemes_get_option('inkthemes_feature1')); ?></p>
              <?php } else { ?>
                      <p>You will definitely love the Theme. The speciality of the Theme is the easiness through which you can get the site ready for yourself or your client. </p>
                      <?php } ?>
                      <a class="read-more" href="<?php if ( inkthemes_get_option('inkthemes_link1') !='' ) { echo inkthemes_get_option('inkthemes_link1'); } ?>">Read More</a> </div>
                </div>
                <div class="grid_8">
                  <div class="feature-content-inner two">
                    <?php if ( inkthemes_get_option('inkthemes_fimg2') !='' ) {  ?>
                  <div class="circle"><a href="<?php if ( inkthemes_get_option('inkthemes_link2') !='' ) { echo inkthemes_get_option('inkthemes_link2'); } ?>"><img src="<?php echo inkthemes_get_option('inkthemes_fimg2'); ?>" alt="second Feature Image" /></a></div>
                    <?php } else {  ?>
                    <div class="circle"><a href="<?php if ( inkthemes_get_option('inkthemes_link2') !='' ) { echo inkthemes_get_option('inkthemes_link2'); } ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/img2.png" alt="second Feature Image" /></a></div>
                      <?php } ?>
                      <?php if ( inkthemes_get_option('inkthemes_headline2') !='' ) {  ?><h2><a href="<?php if ( inkthemes_get_option('inkthemes_link2') !='' ) { echo inkthemes_get_option('inkthemes_link2'); } ?>"><?php echo stripslashes(inkthemes_get_option('inkthemes_headline2')); ?></a></h2>
              <?php } else {  ?> <h2><a href="#">All Themes Design</a></h2>
              <?php } ?>
                <?php if ( inkthemes_get_option('inkthemes_feature2') !='' ) {  ?>
              <p><?php echo stripslashes(inkthemes_get_option('inkthemes_feature2')); ?></p>
              <?php } else { ?>
                      <p>You will definitely love the Theme. The speciality of the Theme is the easiness through which you can get the site ready for yourself or your client. </p>
                      <?php } ?>
                      <a class="read-more" href="<?php if ( inkthemes_get_option('inkthemes_link2') !='' ) { echo inkthemes_get_option('inkthemes_link2'); } ?>">Read More</a> </div>
                </div>
                <div class=" grid_8 omega">
                  <div class="feature-content-inner three">
                    <?php if ( inkthemes_get_option('inkthemes_fimg3') !='' ) {  ?>
                  <div class="circle"><a href="<?php if ( inkthemes_get_option('inkthemes_link3') !='' ) { echo inkthemes_get_option('inkthemes_link3'); } ?>"><img src="<?php echo inkthemes_get_option('inkthemes_fimg3'); ?>" alt="Three Feature Image"/></a></div>
                    <?php } else {  ?>
                    <div class="circle"><a href="<?php if ( inkthemes_get_option('inkthemes_link3') !='' ) { echo inkthemes_get_option('inkthemes_link3'); } ?>"> <img src="<?php echo get_template_directory_uri(); ?>/images/img3.png" alt="Three Feature Image" /></a></div>
                      <?php } ?>
                      <?php if ( inkthemes_get_option('inkthemes_headline3') !='' ) {  ?><h2><a href="<?php if ( inkthemes_get_option('inkthemes_link3') !='' ) { echo inkthemes_get_option('inkthemes_link3'); } ?>"><?php echo stripslashes(inkthemes_get_option('inkthemes_headline3')); ?></a></h2>
              <?php } else {  ?> <h2><a href="#">All Themes Design</a></h2>
              <?php } ?>
                <?php if ( inkthemes_get_option('inkthemes_feature3') !='' ) {  ?>
              <p><?php echo stripslashes(inkthemes_get_option('inkthemes_feature3')); ?></p>
              <?php } else { ?>
                      <p>You will definitely love the Theme. The speciality of the Theme is the easiness through which you can get the site ready for yourself or your client. </p>
                      <?php } ?>
                      <a class="read-more" href="<?php if ( inkthemes_get_option('inkthemes_link3') !='' ) { echo inkthemes_get_option('inkthemes_link3'); } ?>">Read More</a> </div>
                </div>
                </div>
                    </div>           
                <div class="clear"></div>
    and paste it below the testimonial code.

    [​IMG]
    [​IMG]

    [​IMG]


    This will solve your issue.
     
  3. jimbo192

    jimbo192 New Member

    Joined:
    Oct 16, 2013
    Messages:
    8
    Likes Received:
    0
    thank you for your help
     
Thread Status:
Not open for further replies.

Share This Page