How can I create 3 more featured areas in the Start Point Theme?

Hi,

How can I create 3 more featured areas in the Start Point Theme?

Best regards

 

Hello,

For this open front-page.php and add code given below as shown in the image.

Code:

<div class="three-column-wrapper" id="section2"> 
    <div class="container"> 
        <div class="row"> 
            <div class="three-column-container"> 
                <div class="col-md-4 box1 animated left-to-right"> 
                    <!-- *** Three column Box 1 *** --> 
                    <div class="three-column-box"> 
                        <p><i class="fa fa-thumbs-up fa-5x"></i></p> 
                        <h1>ADD HEADING HERE</h1> 
                            <p>ADD DESCRIPTION HERE </p> </div> 
                </div> 
                <div class="col-md-4 box2 animated bottom-to-top"> 
                    <!-- *** Three column Box 2 *** --> 
                    <div class="three-column-box"> 
                        <p><i class="fa fa-smile-o fa-5x"></i></p> 
                        <h1>ADD HEADING HERE</h1> 
                            <p>ADD DESCRIPTION HERE</p>                              
                    </div> 
                </div> 
                <div class="col-md-4 box3 animated right-to-left"> 
                    <!-- *** Three column Box 3 *** --> 
                    <div class="three-column-box">                          
                        <p><i class="fa fa-eye fa-5x"></i></p>   
                        <h1>ADD HEADING HERE</h1> 
                            <p>ADD DESCRIPTION HERE</p>                   
                    </div> 
                </div> 
            </div> 
        </div> 
    </div> 
</div> 

Thanks & Regards
Nitesh Raghuwanshi

 

Hi, Nitesh.

You all, as usualy, are GREAT!

It's really a pleasure work with all of you from InkThemes. I am your FAN!

Best Regards.

 

Hi Nitesh,

One other doubt just occured me right now after testing your sugestion.

I inserted an external Link at the Title position in these new featured areas, but differently of the original featured titles, The color is black when the mouse is over them.

I need that they change to white when the mouse is over them. Like the same ones do in the original featured areas.

Could you help em with this?

Best Regards

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .three-column-box a h1:hover {
color: white!important;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Hi Nitesh,

Unfortunately, it is not working.

Is there some thing I'm doing wrong?

Please, See the code and visit this URL: http://www.gluc.info

<div class="three-column-wrapper" id="section2">
<div class="container">
<div class="row">
<div class="three-column-container">
<div class="col-md-4 box1 animated left-to-right">
<!-- *** Three column Box 1 *** -->
<div class="three-column-box">
<p><i class="fa fa-film fa-5x"></i></p>
<p><a href="http://www.wiziq.com/course/49262-webconferência-glucena"><h1><font color="#000000">Sala de Webconferência</font></h1></a></p>
<p>Bem vindo à minha sala privada de Webconferência</br>
<p>Aqui nós temos um ambiente reservado para nossas reuniões OnLine!</br>
<b>BEM VINDO!</b></p> </div>
</div>
<div class="col-md-4 box2 animated bottom-to-top">
<!-- *** Three column Box 2 *** -->
<div class="three-column-box">
<p><i class="fa fa-bullhorn fa-5x"></i></p>
<p><h1><a href=""><font color="#000000">Gestão de SEO</font></a></h1></p>
<p>Utilizamos Um premiado Sistema de SEO que proporciona um completo e eficiete controle de gerenciamento de motores de pesquisa.</br>
SEO Panel é um kit de ferramentas SEO que inclui os mais recentes recursos para aumentar e controlar a performace dos seus sites.</br>
<b>CONTRATE AQUI!</b> </p>
</div>
</div>
<div class="col-md-4 box3 animated right-to-left">
<!-- *** Three column Box 3 *** -->
<div class="three-column-box">
<p><i class="fa fa-gift fa-5x"></i></p>
<p><a href=""><h1><font color="#000000">BREVE!</font></h1></a></p>
<p></br>
<b>AGUARDE.</b> </p>
</div>
</div>
</div>
</div>
</div>
</div>
Best Regards

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.three-column-box h1 a font:hover {
color: white!important;
}
 

In place of "white" you can put your color or color code.
This will solve your issue.

 

GREAT!

You all are SUPER!

Many Thanks.