Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 23, 2013 at 4:58 am #165056
    bunguman

    Hello,

    When I added a Facebook Like button in a regular 1/2 width text area, the pop-up window that opens when the button is clicked doesn’t fully display and hides behind texts. I did not modify the FB Like button itself. I tried adding a z-index value in the FB Like button code but that didn’t resolve the issue.

    Any help would be highly appreciated.

    Screenshot: http://imgur.com/U14B4BX

    URL: http://www.restfuljaw.com

    September 23, 2013 at 11:14 am #165093
    Ismael

    Hello!

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Edit the Text Block element with the FB like button then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “fb-textblock”.

    You can add something like this on your custom.css or Quick CSS:

    .avia_textblock.fb-textblock {
position: relative;
z-index: 9999;
}

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span {
width: 450px !important;
z-index: 9999;
position: relative;
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    September 24, 2013 at 7:15 pm #165781
    bunguman

    Hi, thank you for the quick reply. When I add that line on functions.php I get the following error:
    “Parse error: syntax error, unexpected ‘=’, expecting ‘)’ in /home/content/71/8730971/html/wp-content/themes/enfold/functions.php on line 26”

    After deleting the addition, this error persists. Any clue why?

    September 25, 2013 at 5:51 pm #166178
    Yigit

    Hey!

    Can you copy/paste functions.php file on http://snipt.org/ and post the link?

    Regards,
    Yigit

    September 29, 2013 at 2:57 am #167743
    bunguman

    http://snipt.org/Ahhff0

    Here you go. I didn’t make any modifications in the functions.php before creating this thread, so the above snipt should be identical to what’s in the enfold theme package. The error went away when I added a “)” in the comment on line 26 of the attached snipt code.

    After adding that extra “)”, I tried adding “add_theme_support(‘avia_template_builder_custom_css’);” to where you mentioned again, and then it gave me a new error about an unexpected ‘;’, this time in the comment in line 17.

    What’s going on?

    • This reply was modified 11 years, 3 months ago by bunguman.
    September 30, 2013 at 8:07 am #168016
    Dude

    Hey!

    Please try the code here: http://snipt.org/Ahhje8 – I added the code line to the file (based on Ismaels instructions). You just need to replace the entire Code in functions.php with the code from http://snipt.org/Ahhje8

    Regards,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Facebook Like button z-index?’ is closed to new replies.