Enterprise Pro Author Box Issue

[samw]

Hi

Wonder if anyone can help. If I add custom social sharing icons to the entry footer in Enterprise Pro my author box gets messed up and in the sidebar. Have tried changing padding, margins etc in entry footer but no luck.

Here's the social sharing code and the css if anyone can make any suggestions be much appreciated. Local dev site so no link

Same issue if code added with simple hooks or through php. The icons all show nicely and aren't taking up much space so cant work out why the author box gets pushed out to the sidebar - thanks

<div class="share_top_text">Share This:</div>
- <?php echo wp_get_shortlink();?> via @xxx "title="Tweet this!">
- <?php the_title();?>"title="Share on Facebook">
"onclick="javascript:window.open(this.href,
'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false; "title="Share on Google +!">
- <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">
&body=Look at this...<?php print(urlencode(get_permalink())); ?>"title="Check This Out">
&title=<?php the_title(); ?>&summary=&source=<?php get_home_url(); ?>"title="Check This Out">
</div>
</div>

Here's a sample of the CSS - its the same format for the rest of the buttons.

/* Icons
--------------------------------------------- */

.smGlobalBtn {
font-color: #fff;
display: inline-block;
position: relative;
cursor: pointer;
width: 40px;
height: 40px;
border:2px solid #ddd;
box-shadow: 0 3px 3px #999;
padding: 0px;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 20px;
font-weight: normal;
line-height: 2em;
border-radius: 27px;
-moz-border-radius:27px;
-webkit-border-radius:27px;
margin-right: 5px;
margin-bottom: 0px;

}
/* facebook button class*/
.facebookBtn{
background: #fff;

}

.facebookBtn:before{
font-family: "FontAwesome";
content: "\f09a";

}

.facebookBtn:hover{
color: #4060A5;
background: #fff;
border-color: #4060A5;
}

---

SEO & Online Marketing Consultant

Metta3 | G+ | LinkedIn

[nutsandbolts]

Unless some of your code for the sharing buttons didn't come through, there are two unnecessary closing </div> tags on your share button code. I'm only seeing one <div> opening on the first line, and it's also closing on the first line. Try removing the two </div> tags from the last line of the sharing button code and see if that resolves the issue.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[samw]

Hi

Thanks for the reply - my code was cut off here - I have resolved it another way thanks

---

SEO & Online Marketing Consultant

Metta3 | G+ | LinkedIn

[Author]

Posts