Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 25, 2015 at 12:37 pm #542320
    YOUNIS

    Hello anyone,

    this is my website: http://www.ihr-personaltrainer.at

    1. I want that the facebook logo (which is now included to my main menu) is ALWAYS displayed as the circle blue facebook logo with the white f inside (like when you have to mouseover) + the same for the facebook logo in the footer!
    2. I don´t want to display this vertical “border line” between the facebook logo and my main menu.
    3. right beneath the facebook logo in the main menu I want to include the current facebook like thumb (only the thumb without a text) like this one here https://ixquick-proxy.com/do/spg/show_picture.pl?l=deutsch&rais=1&oiu=http%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2F1%2F13%2FFacebook_like_thumb.png%2F897px-Facebook_like_thumb.png&sp=8bcbe9664a823484067cfaf015a3fcc9
    AND the thumb should be not in a square or circle, so it should has only a white / transparent background!

    Is this all possible?!

    Thank you all for your big help!!

    November 25, 2015 at 5:11 pm #542553
    Elliott

    Hi Younis_FARES!

    1. Add this to your custom CSS.

    .social_bookmarks_facebook a {
    background: blue !important;
    color: white !important;
}

    2. Add this.

    .avia-menu.av-main-nav-wrap.av_menu_icon_beside {
    border: 0px !important;
}

    3. Do this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, and then drag a text widget to the header widget area and insert the HTML for your button or image if you wish to display a custom image.

    Best regards,
    Elliott

    November 25, 2015 at 6:21 pm #542630
    YOUNIS

    Hello Elliott,

    your point 1. and 2. works great, thanks a lot!

    Point 3. I don´t understand right now!
    On my website http://www.ihr-personaltrainer.at I have already included a widget area to my header, for using my “star” widget (as you can see on the website).
    Only including an additional text area to the header widget and include the link to the custom “thumb” image does not work, because there are no links or codes to the FB Like page?!
    Also I tried to insert the facebook like box in the header widget area but then the like box is not displayed, as the wanted “thumb” and also the like box is somewhere on the left lower side of my website and not exactely right beneath the facebook social icon in the header.
    Also I have right the situation that my current “star” widget “jumps” somewhere on my website, when I reduce / customize the browser window size (what is for the star not a big problem, but for the thumb it will be) and so I don´t know if the “widget solution” for the wanted “thumb” will work?!

    Please could you help me again and provide a solution for that problems?!
    Thanks a lot!! :)

    November 25, 2015 at 9:42 pm #542708
    Elliott

    Hi!

    Are you trying to have the image link to your facebook page or are you trying to display an actual like button?

    If your trying to display an actual like button where the reader can like the page then you can grab the code here, https://developers.facebook.com/docs/plugins/like-button.

    Best regards,
    Elliott

    November 25, 2015 at 10:56 pm #542752
    YOUNIS

    Hello Elliot,

    I read you link but I have no idea where I should integrate the codes and how I can customize the thumb button!

    PLEASE can you provide me the codes and tell me where exactely I should integrate which code and which settings exactely I have to choose. The link of the facebook fanpage is https://www.facebook.com/ihrpersonaltrainer

    Sorry, but I have nearly no IT knowledge!

    Thanks again!!

    November 26, 2015 at 2:14 pm #543119
    Yigit

    Hey!

    Please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.