media icons

[merlojh]

I would like these media icons to the left of the donate button tried several ways to do it no luck

<i class=”fa fa-facebook-square fa-2x x”></i>
<i class=”fa fa-twitter fa-2x x”></i>
<i class=”fa fa-youtube fa-2x x”></i>
<i class=”fa fa-instagram fa-2x x”></i>

Home

[scrambler]

I am confused, the donate button is at the top and there is no media icons.

There are media icons in the footer widget are but no donate there….

So you will need to elaborate

[merlojh]

Yes but I want them at the top to the left of the donate button John

[scrambler]

Well start by adding them into a third div inside the html area (in yellow below)…

<div class="mybanner">
<div class="mylogo" style="float:left;">.............</div>
<div class="mypp" style="float:right;">.............</div>
<div class="myicons" style="float:right;">Add the social icons here </div>
</div>

[merlojh]

Got them in here but not showing up?

<i class=”fa fa-facebook-square fa-2x x”></i>
<i class=”fa fa-twitter fa-2x x”></i>
<i class=”fa fa-youtube fa-2x x”></i>
<i class=”fa fa-instagram fa-2x x”></i>

<form action=”https://www.paypal.com/donate&#8221; method=”post” target=”_top”>
<input type=”hidden” name=”hosted_button_id” value=”UK3UZKN6ZL55Q” />
<input type=”image” src=”https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif&#8221; border=”0″ name=”submit” title=”PayPal – The safer, easier way to pay online!” alt=”Donate with PayPal button” />

</form>

[scrambler]

I do not understand your social icon HTML, it does not have any content, just empty containers….

[merlojh]

Sorry I do not quite understand what to do? Here is what I put in but messed up the banner? Sorry John

<form action=”https://www.paypal.com/donate&#8221; method=”post” target=”_top”>
<input type=”hidden” name=”hosted_button_id” value=”UK3UZKN6ZL55Q” />
<input type=”image” src=”https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif&#8221; border=”0″ name=”submit” title=”PayPal – The safer, easier way to pay online!” alt=”Donate with PayPal button” />

</form>

<i class=”fa fa-facebook-square fa-2x x”></i>
<i class=”fa fa-twitter fa-2x x”></i>
<i class=”fa fa-youtube fa-2x x”></i>
<i class=”fa fa-instagram fa-2x x”></i>

[scrambler]

Where did you get the HTML for the icons below

<i class=”fa fa-facebook-square fa-2x x”></i>
<i class=”fa fa-twitter fa-2x x”></i>
<i class=”fa fa-youtube fa-2x x”></i>
<i class=”fa fa-instagram fa-2x x”></i>

This HTML is meaningless and has no content, so you wont get anything using that.

 

[merlojh]

Using Font Awesome John

[merlojh]

I got it now but one is not lined up with the others? John

[scrambler]

Add with:180px to the myicons HTML

<div class="myicons" style="float:right; width:180px;">

[merlojh]

That worked thanks so much John!!!

[Author]

Posts