4 column featured area

Discussion in 'ColorWay WordPress Theme' started by mawebdesign, Oct 22, 2014.

  1. mawebdesign

    mawebdesign Member

    Joined:
    Apr 20, 2014
    Messages:
    71
    Likes Received:
    1
    Hi
    is it possibe to add another 4 columns under the original columns ?

    so you have 2 rows of 4 (8 service areas).

    please advise
    Thanks
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    you have to follow some steps.
    Step-1: Prepare this code
    -Use target page URL in place of #
    -Use image URL in place of /images/

    HTML:
                    <div class="one_fourth">
                    <a href=" # " class="bigthumbs"><img src=" /images/ " alt="Feature Image 1"/></a>
                    <h3><a href=" # ">Ready Contact Form</a></h3>
                    <p>Let your visitors easily contact you. The builtin readymade contact form makes it easier for clients to contact.</p>
                    </div>
           
                    <div class="one_fourth middle">
                    <a href=" # " class="bigthumbs"><img src="/images/" alt="Feature Image 2"/></a>
                    <h3><a href=" # ">Ready Contact Form</a></h3>
                    <p>Let your visitors easily contact you. The builtin readymade contact form makes it easier for clients to contact.</p>
                    </div>
           
                    <div class="one_fourth">
                    <a href=" # " class="bigthumbs"><img src="/images/" alt="Feature Image 3"/></a>
                    <h3><a href="#">Ready Contact Form</a></h3>
                    <p>Let your visitors easily contact you. The builtin readymade contact form makes it easier for clients to contact.</p>           
                    </div>
           
                    <div class="one_fourth middle last">
                    <a href=" # " class="bigthumbs"><img src="/images/" alt="Feature Image 4"/></a>
                    <h3><a href=" # ">Ready Contact Form</a></h3>
                    <p>Let your visitors easily contact you. The builtin readymade contact form makes it easier for clients to contact.</p>       
                    </div>    
    step-2:Edit front-page.php(Follow below image).

    Thanks & Regards
    Pramod
     

    Attached Files:

    • 3.png
      3.png
      File size:
      207.8 KB
      Views:
      6

Share This Page