Support » Theme: Hueman » How to change the share bar the side of the post to the footer of the post?

  • Resolved Bruno Duraes

    (@bruno-duraes)


    I use your theme Hueman and is a really good! But I need to change the share bar on the side of the post to the footer of the post, so I’d be a lot better and more accessible. I thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi Bruno. Welcome to the Hueman forum. This post should give you the information you need.

    Hi bdbrown. Thank you!

    I’ll try and post the result.

    Ok!

    /* single : sharrre
    /* ———————————— */
    .entry.share { padding-right: 0; }
    .sharrre-container { position: relative; float: left; width: 100%; padding: 0; margin: 40px 0 0;
    -webkit-border-radius: 4px; border-radius: 4px; }
    .sharrre-container span { color: #aaa; display: block; text-align: left; text-transform: uppercase; font-size: 14px; }
    .sharrre { padding: 10px 0 0; }
    .sharrre-container > div { float: left; margin-right: 10px; }
    .sharrre .box { width: 120px; display: block; }
    .sharrre .count { background: #eee; color: #333; display: block; font-size: 15px; font-weight: 600; line-height: 30px; position: relative; text-align: center;
    -webkit-border-radius: 4px; border-radius: 4px; }
    .sharrre .count:after { content:”; display: block; position: absolute; left: 49%; width: 0; height: 0; border: solid 6px transparent; border-top-color: #eee; margin-left: -6px; bottom: -12px; }
    .sharrre .share { display: block; font-size: 28px; font-weight: 600; line-height: 32px; margin-top: 12px; padding: 0; text-align: center; text-decoration: none; }
    .sharrre .box .share,
    .sharrre .box .count { -webkit-transition: all .3s ease; transition: all .3s ease; }
    .sharrre .box:hover .share,
    .sharrre .box:hover .count { color: #444!important; }
    .sharrre#twitter .share,
    .sharrre#twitter .box .count { color: #00acee; }
    .sharrre#facebook .share,
    .sharrre#facebook .box .count { color: #3b5999; }
    .sharrre#googleplus .share,
    .sharrre#googleplus .box .count { color: #cd483c; }
    .sharrre#pinterest .share,
    .sharrre#pinterest .box .count { color: #ca2128; }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change the share bar the side of the post to the footer of the post?’ is closed to new replies.