Repeat Home Feature Area (make 6 blocks, not 3); Add photos?

Discussion in 'Compass WordPress Theme' started by dmedia, Jun 19, 2014.

  1. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Hi: I really love this theme and I thank you for creating it. I feel like this question has been asked before but I can't find it so . . .
    1) Can you please tell me what PHP file(s) to edit and the specific code input to make the Home Feature 3-Column Area with the 3 blocks into 3-Columns with 6 blocks? I would like to add 3 more content blocks below the first 3 if possible.
    2) Is it possible to make the Home Feature 3-Column Area icons into round photos, much like the Blackbird theme?
    Thank you in advance for your help!
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    1) Open 'front-page.php' file and add code given below as shown in the image.

    Code:
    <div class="clear"></div>
                 <div class="grid_8 f_feature alpha">
                    <div class="feature-content-inner first animated">
                        <!-- *** Three column Box 1 *** -->
                                                <div class="feature-image first">
                                <a href="">
                                    <img src="YOUR IMAGE SOURCE" alt="Feature image" /></a>
                            </div>
                         </i></p>
                                                <a href="#"><h2>ADD HEADING HERE</h2></a>
                                                <p>ADD DESCRIPTION HERE</p>
                                        </div>
                </div>
                <div class="grid_8 f_feature alpha">
                    <div class="feature-content-inner second animated">
                        <!-- *** Three column Box 2 *** -->
                                               <div class="feature-image second">
                                <a href="">
                                    <img src="YOUR IMAGE SOURCE" alt="Feature image" /></a>
                            </div>
                         </i></p>
                                                <a href="#"><h2>ADD HEADING HERE</h2></a>
                                                <p>ADD DESCRIPTION HERE</p>
                                        </div>
                </div>
                <div class="grid_8 f_feature alpha">
                    <div class="feature-content-inner third animated">
                        <!-- *** Three column Box 3 *** -->
                                                <div class="feature-image third">
                                <a href="">
                                    <img src="YOUR IMAGE SOURCE" alt="Feature image" /></a>
                            </div>
                         </i></p>   
                                                <a href="#"><h2>ADD HEADING HERE</h2></a>
                                                <p>ADD DESCRIPTION HERE</p>
                                        </div>
                </div>
     
    featured-area.png

    2) In the latest theme we have added upload image option in the theme optional panel for featured area. You can upload round images there.

    Thanks & Regards
    Nitesh Raghuwanshi
     

Share This Page