Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #29078


    Please help me to get nearly this look gor the blog grid (if possible also for firefox, chrome and so on)


    i tried to put this code

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.33); with firebug to look how it looks, but there is no container i guess an the margins also dont show the shadow on all sites and so on…

    Also the place where i can put the facebook code will be great.

    It will be great if someone can provide me a stable crossbrowser solution for this.

    Thank you so much



    Can you post the link to your website please?





    I dont use the theme so far – i only played around to get this look for the blog and changed the theme back.

    Your help would be appreciated




    You can try adding this code to custom.css file or to Quick CSS section in Enfold theme options page under Styling

    div.slide-content { padding: 10px; }

    div.slide-entry { box-shadow: 0 0 8px #888888; }

    .avia-content-slider .slide-entry-wrap { width: 98%; left: 1%; }




    Hey Yigit – Danke!

    Werde es morgen versuchen und Bescheid geben.

    Gute N8



    Im again – i tested your code Yigit :)

    Here the result: http://www.pizzeriainnsbruck.at/wp-content/uploads/diverse-daten/image-2.png

    1. Is it possible to see the shadow also on the top of the first row?

    2. As you can see, the second row had no margin on the left side and therefore the shadow isnt visible – any idea?

    3. Can you provide me the place and how i can put the FB LIKE BUTTON above the title? like here: http://pizzeriainnsbruck.at/wp-content/uploads/diverse-daten/image-1.jpg

    Thank you so much – best



    Please replace following code with previous one in Quick CSS

    div.slide-content { padding: 10px; }<br />
    div.slide-entry { box-shadow: 0 0 8px #888888; }<br />
    .avia-content-slider .slide-entry { width: 29%; }<br />
    div.slide-entry-wrap { padding-top: 5px; padding-left: 5px; }

    Can you post the link of Facebook page so i can prepare all the codes for you and you can just copy/paste them in related files





    Thx for the new code – look good ;)

    I need a like button to like the single post with count – not the fanpage… i hope you understand me.

    thank you so much



    you can install a plugin like this one http://wordpress.org/plugins/like-dislike-counter-for-posts-pages-and-comments/




    HI Yigit!

    I think i mislead you a little bit :) Sorry!

    I dont need a like plugin or something else – I will implement the original Facebook Like Button!!!!!

    <iframe src=”http://www.facebook.com/plugins/like.php?href=&lt;?php echo urlencode( get_permalink( $post->ID ) ); ?>&layout=button_count&show_faces=false&&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ height=”20″ width=”109″></iframe>

    I only need to know the place – where i must put the code to achieve the result like in this image: http://pizzeriainnsbruck.at/wp-content/uploads/diverse-daten/image-1.jpg

    Thank you!



    In your WordPress directory please go to Enfold > Config-templatebuilder > Avia-shortcodes and open Postslider.php file and find following code in line 321

    $output .= "<div class='slide-content'>";

    and add your code right under it

    $output .= " your code here ";

    But please not that you should use ‘ instead of ” inside your iframe tag so your code should be like height=’20’ and not like height=”20″

    On Localhost it did not work for me but Facebook like button for pages worked fine, so i guess you will not have a problem as long as your code is fine :) Feel free to let us know if does not work



Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Shadow for grid blog and facebook button’ is closed to new replies.