Home › Forums › Weaver Xtreme Theme › media icons
- This topic has 11 replies, 2 voices, and was last updated 1 year, 2 months ago by
merlojh.
-
AuthorPosts
-
June 1, 2021 at 23:20 UTC - Views: 47 #68844
merlojh
ParticipantI 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>June 2, 2021 at 01:40 UTC - Views: 45 #68845scrambler
ModeratorI 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
June 2, 2021 at 02:02 UTC - Views: 41 #68846merlojh
ParticipantYes but I want them at the top to the left of the donate button John
June 2, 2021 at 05:04 UTC - Views: 45 #68849scrambler
ModeratorWell 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>
June 3, 2021 at 02:03 UTC - Views: 38 #68857merlojh
ParticipantGot 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” 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” border=”0″ name=”submit” title=”PayPal – The safer, easier way to pay online!” alt=”Donate with PayPal button” />
</form>June 3, 2021 at 04:58 UTC - Views: 33 #68858scrambler
ModeratorI do not understand your social icon HTML, it does not have any content, just empty containers….
June 3, 2021 at 18:41 UTC - Views: 30 #68860merlojh
ParticipantSorry 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” 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” 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>June 4, 2021 at 03:19 UTC - Views: 19 #68863scrambler
ModeratorWhere 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.
June 4, 2021 at 16:54 UTC - Views: 14 #68868merlojh
ParticipantUsing Font Awesome John
June 4, 2021 at 17:34 UTC - Views: 12 #68869merlojh
ParticipantI got it now but one is not lined up with the others? John
June 4, 2021 at 19:33 UTC - Views: 10 #68871scrambler
ModeratorAdd with:180px to the myicons HTML
<div class="myicons" style="float:right; width:180px;">
June 4, 2021 at 22:01 UTC - Views: 6 #68872merlojh
ParticipantThat worked thanks so much John!!!
-
AuthorPosts
- You must be logged in to reply to this topic.