Fa icon not responsive

Hi,
as for the fa icons in the home page, in the services section, I would like to have it smaller (I also want the service-box smaller), I tried but did not succeed, can you solve?
Also, the service-box is not responsive in the visualization for smartphone. In this case, I want it smaller and aligned at the left of the text, and not above.
Can you help?
Thank you very much,
almost finished! ;-)
Mara
services.jpg
253K

Comments

  • Hello

    To make service icon and service box smaller .
    For this add the below css code inside the custom css box . 

    .service-box i { font-size: 20px; line-height: 20px;  }
    .service-box {  height: 65px; width: 65px; }

    Change height and width as your need . 


    Thanks 
  • Also, the service-box is not responsive in the visualization for
    smartphone.
    In this case, I want it smaller and aligned at the left of
    the text, and not above
    .
    Can you help?
  • Also, the service-box is not responsive in the visualization for
    smartphone.
    In this case, I want it smaller and aligned at the left of
    the text, and not above
    .
    Can you help?
  • Hi 
    To make slider icon small add the below css code inside the custom css box . 

    @media only screen and (max-width: 480px) and (min-width: 200px)
    {


    .service-box i {
        font-size: 15px;
        line-height: 0px;
    }

    .service-box {
        height: 35px;
        width: 35px;
        margin:0;
    top: 12px;
         left: 10px;
    }


    }


    Thanks 
  • ok you can close,
    thank you
  • Hi
    Glade to know that its work for you . 
    If you have any further questions, suggestions , please don't hesitate to contact us.


    Thanks 
This discussion has been closed.