-
AuthorPosts
-
September 5, 2013 at 3:48 pm #29078
Hi!
Please help me to get nearly this look gor the blog grid (if possible also for firefox, chrome and so on)
http://pizzeriainnsbruck.at/wp-content/uploads/diverse-daten/image-1.jpg
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
September 6, 2013 at 2:29 am #139653Hi,
Can you post the link to your website please?
Regards,
Josue
September 6, 2013 at 6:47 am #139654Hi!
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
best
September 6, 2013 at 3:49 pm #139655Hi,
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%; }
Regards,
Yigit
September 6, 2013 at 7:43 pm #139656Hey Yigit – Danke!
Werde es morgen versuchen und Bescheid geben.
Gute N8
September 6, 2013 at 8:54 pm #139657Hi!
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
September 7, 2013 at 2:34 pm #139658Hi,
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
Regards,
Yigit
September 7, 2013 at 3:52 pm #139659Hi
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
September 8, 2013 at 2:49 am #139660Hi,
you can install a plugin like this one http://wordpress.org/plugins/like-dislike-counter-for-posts-pages-and-comments/
Regards,
Yigit
September 8, 2013 at 9:03 am #139661HI 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=<?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!
September 8, 2013 at 8:13 pm #139662Hi,
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
Regards,
Yigit
-
AuthorPosts
- The topic ‘Shadow for grid blog and facebook button’ is closed to new replies.