Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 5, 2013 at 3:48 pm #29078
    chooseone

    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 #139653
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,

    Josue

    September 6, 2013 at 6:47 am #139654
    chooseone

    Hi!

    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 #139655
    Yigit

    Hi,

    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 #139656
    chooseone

    Hey Yigit – Danke!

    Werde es morgen versuchen und Bescheid geben.

    Gute N8

    September 6, 2013 at 8:54 pm #139657
    chooseone

    Hi!

    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 #139658
    Yigit

    Hi,

    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 #139659
    chooseone

    Hi

    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 #139660
    Yigit

    Hi,

    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 #139661
    chooseone

    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!

    September 8, 2013 at 8:13 pm #139662
    Yigit

    Hi,

    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

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