Okay
  Public Ticket #299286
New social icon
Closed

Comments

  • Alberto started the conversation
    October 13, 2014 at 5:08am

    need to include an icon in footer does not come in the list of social icons Salient. The icon we need is to Slideshare but not coming. I created a transparent png icon and similiar size to existing. I called one that I do not need (behance) and I've replaced the salient via FTP / img / icons / social folder. When active, the icon does not get me behance Slideshare, I get the original behance. How I can change the icon or add new?
    Another question is I can not find how to put the social icons in the header as they are now in the footer. I have a menu with logo on Default Layout.
    Thanks for your reply.


  •  8,839
    Tahir replied
    October 13, 2014 at 5:57pm

    Hey!

    You need to turn on the secondary header option in Salient Theme Options for the social icons. Also can you provide the url of the png and your site url so i can provide relevant css to add it. 

    Thanks

    ThemeNectar Support Team 

  • Alberto replied
    October 13, 2014 at 10:16pm

    The URL of the png is:

    http://wordpress.grow-to.com/wp-content/themes/sa...

    You can change the name to slideshare.png

    The URL of the site is

    http://wordpress.grow-to.com

    Bu the moment is a subdomain but y next weeks we will change the domain to growto.es

    Thanks


  •  8,839
    Tahir replied
    October 14, 2014 at 4:05pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    #footer-outer #copyright i.icon-be {
    background-image: url('http://wordpress.grow-to.com//wp-content/themes/salient/img/icons/social/behance.png');
    background-repeat: no-repeat;
    border-radius: 0px !important;
}


#footer-outer #copyright i.icon-be:before {
    opacity: 0;
}
    Thanks

    ThemeNectar Support Team 

  • Alberto replied
    October 15, 2014 at 11:06pm

    I am doing this but this doesn´t work. 

    I have written in the custom CSS and does not work.
    I changed the style.css directly and does not work. The button is sensed both header and footer per neither the upper nor the lower icon is seen.
    attached screenshots.

    This is the code and the line of style.css

    line 8473

    #footer-outer i, #header-secondary-outer #social i {
    font-size: 20px;
    width: auto;
    background-color: transparent!important;
    }

    #footer-outer #copyright i.icon-be {
    background-image: url(img/icons/social/behance.png);                 (This is the relative URL, i tried with absolute too)
    background-repeat: no-repeat;
    border-radius: 0px !important;
    }


    #footer-outer #copyright i.icon-be:before {
    opacity: 0;
    }

    #header-secondary-outer #social li .icon-be {
    font-size: 18px!important;
    opacity: 0;
    }

    Thanks for all


  •  8,839
    Tahir replied
    October 16, 2014 at 2:27pm

    Hey!

    I can see it in the footer , For the header add this:

    #header-secondary-outer #social li i.icon-be {
    background-image: url('http://wordpress.grow-to.com//wp-content/themes/salient/img/icons/social/behance.png');
    background-repeat: no-repeat;
    border-radius: 0px !important;
}




#header-secondary-outer #social li i.icon-be:before {
    opacity: 0;
}
#header-secondary-outer #social li .icon-be{
    opacity:1;
    height:40px !important;
    width:20px !important;
}

    Thanks

    ThemeNectar Support Team 

  • Alberto replied
    October 16, 2014 at 9:23pm
    This seems impossible and I do not see even in the footer as you, chrome or firefox
    I must be doing something wrong.
    Soloi I want it to look for a new social icon Slideshar. I penis it would be easy as changing one existing Behance but there must be something in font-awesome that prevents this.
    I think it's best to start but creating a new element for Slideshare and so you can add it in the standard package in future.

    1st image to footer. How should it? I think a black image with transparent reason and is not 24px? where upload it?
    2nd modifications to css
    3rd should be more changes to display the options backend Salient new icon with the new link does not?

    What steps 1st, 2nd and 3rd should be and how the image to appear also in the header?

    Thank you very much and sorry for my insistence. Customers insist to me on slideshare

  •  8,839
    Tahir replied
    October 17, 2014 at 12:15am

    Hey!

    Can you provide me wp-admin login details so i can have a look at why the css is not working. 

    Thanks

    ThemeNectar Support Team 

  •   Alberto replied privately
  • Alberto replied
    October 21, 2014 at 9:24pm

    hey,

    some news??

  •  8,839
    Tahir replied
    October 22, 2014 at 1:53pm

    Hey Alberto!

    I cant seem to login. Please consider hiring a freelancer over at Envato Studio as we have a very long queue of tickets that need answering therefore we cant help with customization. 

    Thanks

    ThemeNectar Support Team 

  • Alberto replied
    October 22, 2014 at 11:51pm

    Ok, I thought the support also included a little customization such as changing an icon on the other.
    Today you can not hire a Freelance for any small project because it is a lot of money. I'm glad you have a great list of tickects because that means that you sell many themes
    No problem, I personally try it and for future projects and look for a template that is not so complicated to change an icon, definitely not Nectar.
    I've done the same thing with a Moodle template and has been easy without hiring a Frelance.
    Thanks for nothing and good luck with the long list of tickets