Return to Support

Graphene before footer widget aligning left center and right

Home Forums Graphene WordPress theme Support Graphene before footer widget aligning left center and right

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10309
    JeremyW
    Member

    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

    #45879
    JeremyW
    Member

    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.