Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 30, 2014 at 7:14 pm #258406
    JaredBurnett

    Hello,

    Is there a quick css code or tweak I can make to add post sharing icons to the beginning of my blog?

    It would just be the same as the end of blog post social share icons just at the beginning as well. (I don’t want it to move from bottom to top. I want both bottom and top sharing icons

    I would like it to be after the metadata with the author, category, etc and right before the first line in the post.

    Thanks,

    April 30, 2014 at 11:56 pm #258598
    Josue

    Hi,

    Open /includes/loop-index.php and look for line 183:

    echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';

    Replace it by this:

    echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';
avia_social_share_links();

    Then add this to the Quick CSS:

    .entry-content .av-share-box{
float: none !important;
margin-bottom: 0 !important;
}

    Regards,
    Josue

    May 1, 2014 at 12:30 am #258629
    JaredBurnett

    We’re close.

    1. The only thing is that it didn’t push the top content down and it all overlaps. http://www.jaredburnettphoto.com/2014/04/03/devil-wears-prada-live-take-action-tour-winter-2014-pt-1photo-blog/ Is there anything else that can be added to get the text pushed down?

    2. On a lesser note, Can the social icons be hidden until you get on that specific post? So not show on the blog page but show when the reader clicks on the blog and reads the full entry?

    Thanks,

    May 1, 2014 at 12:35 am #258632
    Josue

    Hi!

    Change the code to:

    if(is_single()){ avia_social_share_links(); }

    Did you added the CSS? i’m not seeing it applied:

    .entry-content .av-share-box{
float: none !important;
margin-bottom: 0 !important;
}

    Regards,
    Josue

    May 1, 2014 at 12:41 am #258635
    JaredBurnett

    That fixed number 2 from above perfectly.

    I just re-cleared all the cache so maybe it will work for you now.

    1.If it cannot be done with code, putting 2 blank lines below makes it look near perfectly aligned on desktop and mobile. That would at least hold me over till you release an update with it native. It seems like every update you guys read my mind with cool features to add. haha

    May 1, 2014 at 12:42 am #258636
    Josue

    Glad we could help, request it here if you want to see it in the next version :)
    https://kriesi.at/support/enfold-feature-requests/

    Regards,
    Josue

    May 1, 2014 at 12:45 am #258637
    JaredBurnett

    So there is no code or css that I can use to push the text down on a “single post” for when the user reads the full post entry to make room for the top social icons?

    May 1, 2014 at 12:49 am #258638
    Josue

    If you apply this code to either Quick CSS, css/custom.css or child style.css:

    .entry-content .av-share-box{
float: none !important;
margin-bottom: 20px !important;
}

    You’ll get this result:

    Just make sure it actually gets applied.

    Best regards,
    Josue

    May 1, 2014 at 1:11 am #258649
    JaredBurnett

    Literally perfect! Thank you so much. Do you guys have a donation page or anything? Your support has been above and beyond.

    May 1, 2014 at 1:15 am #258650
    Josue

    Not at the moment, thanks for the kind words, we always glad to help :)

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Blog Post sharing icons at beginning of post’ is closed to new replies.