Icon for New Service

edited June 2014 in Rambo
Dear Sir,

I want to add/upload icon from Get your fontawesome icons. or a icon from my computer for Services in Homapage. how can i do?

Thank you,

Opshanoi

Comments

  • edited June 2014
    Hi ,

    To add the font awesome icons follow given below instructions :

    Go to Dashboard Admin Panel >> Services >> Add New Services >> Service Icon

    (Using Font Awesome icons name) like: fa-rub .

    Now write the font awesome icon name in "Service Icon" field.

    Now publish the post.

    Note : To find the font awesome icon name refer this link.

    Its a part of customization.

    If you want to upload other images then first of all i would like to suggest you that create a

    "Child_Theme" First.

    To create a "Child_Theme" follow this link.

    After creating a "Child_Theme" let me know for further assistance.

    Thanks
  • Dear Mr. Harish,

    I did the same by install font awesome icon name in "Service Icon" field, for example " fa-life-ring and then update the post. But it do not work.

    Pls hepl again,

    Thank you and best regards,

    Opshanoi

  • Hi ,

    If you want to add "fa-life-ring" icon then you have to upgrade your "font awesome" icon package.

    To download the "font awesome" icon package referred this link.

    After download this package follow the given below guidelines :

    Go to your core theme directory.

    And delete "font-awesome-4.0.0" folder from your core theme directory.

    After it copy your downloaded package  ("font-awesome-4.1.0") into your core theme directory.

    but follow this structure core theme directory >>  font-awesome-4.1.0 >> css(and other folders).

    Now Go to functions folder >> scripts folder >> scripts.php file.

    Now open "scripts.php" file in any preferred text editor.

    And find the given below code snippet.

    The code is here:

    wp_enqueue_style ('font-awesome',WEBRITI_TEMPLATE_DIR_URI .'/font-awesome-4.0.0/css/

    font-awesome.css');
     
    And replace with this 

    wp_enqueue_style ('font-awesome',WEBRITI_TEMPLATE_DIR_URI .'/font-awesome-4.1.0/css/

    font-awesome.css');

    Now save all the changes.

    Thanks

    Harissh
  • Hi Harish,

    Pls hepl if i have already created child theme and want to have picture from computer for icon on service.

    Thank you,

    Opshanoi
  • Hi ,

    Its a part of customization so you have to perform changes in more files.

    Here I'm sending you zip file package.

    Please extract  this file package and copy all the files and paste into your "Child_Theme" directory.

    after it Go to Dashboard Admin Panel >> Appearance Menu >> Option Panel >> Home Page >>

    Custom CSS.


    Now write this CSS rules in it.

    The CSS rules is here :

    .service-box {
        display: block;
        text-align: center;
    }
    .service-box1 img {
        border: 2px solid #ffffff;
        border-radius: 100%;
        height: 70px;
        margin: 0 auto;
        transition: all 600ms ease-out 0s;
        width: 70px;
    }
    .service-box1 {
        display: block;
        text-align: center;
    }
    .service-box img {
        border: 2px solid #ffffff;
        border-radius: 100%;
        height: 90px;
        margin: 0 auto;
        transition: all 600ms ease-out 0s;
        width: 90px;
    }
    .icon_text_center{
        font-size:18px;
        color: #ffffff;
        padding-top: 35px;
    }
    .icon_text_center1{
        font-size:14px;
        color: #ffffff;
        padding-top: 30px;
    }
    .icon_align_center1{
        background: none repeat scroll 0 0 #333333;
        border-radius: 50%;
        display: block !important;
        height: 90px !important;
        line-height: 1.7em !important;
        margin: 0 auto;
        width: 90px !important;
        text-align: center;
    }
    .icon_align_center2{
        background: none repeat scroll 0 0 #333333;
        border-radius: 50%;
        display: block !important;
        height: 70px !important;
        line-height: 1.7em !important;
        margin: 0 auto;
        width: 70px !important;
        text-align: center;
    }


    Now save all the changes.

    Let me know for further assistance.

    Thanks

    Harish

    rambo_pro-child.zip
    6K
  • Hi

    Did that worked 

    Is your issue resolved ?

    Thanks

    akhilesh
This discussion has been closed.