Community Forums › Forums › Archived Forums › Design Tips and Tricks › Enterprise Pro Author Box Issue
Tagged: Enterprise Pro Author Box Issue
- This topic has 2 replies, 2 voices, and was last updated 9 years, 10 months ago by samw.
-
AuthorPosts
-
June 11, 2014 at 8:02 am #109349samwMember
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;
}
June 11, 2014 at 9:46 pm #109418nutsandboltsMemberUnless 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+June 15, 2014 at 9:59 am #109872 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.