Graphene before footer widget aligning left center and right
-
Wondering if I can get some assistance. I’m trying to configure the “before footer section to have some contact information. I added three “text widgets” to the graphene before footer section. The problem is they are just stacking on top of each other rather than horizontally. So this is my first issue but ideally I want to be able to have a left, center, and right column so I can move these around on the footer. Can someone assist?
JeremyWhittaker.com
I was able to figure this out with a little bit of effort!
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}
.right {
float: right;
width: 130px;
}
.center {
margin: auto;
width: 60%;
}
.left {
float: left;
width: 100px;
}
</style>
</head>
<body>
<div class="right">
<p><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KKMLVEFFYFX7J">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" />
</form>
<font color="white">Phone:(480) 648-3756 </p>
</div>
<div class="left">
<p>
<a href="https://twitter.com/JeremyForMesa">Follow @JeremyForMesa</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</p>
</div>
<div class="center">
<p>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=172057612833055";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h1 class="fb-like" data-href="https://www.facebook.com/JeremyWhittakerforMesa/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></h1>
</p>
</div>
</body>
</html>
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.