Home Forums Weaver Xtreme Theme media icons

Topic Resolution: Resolved
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #68844
    merlojh
    Participant
    #68845
    scrambler
    Moderator

    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

    #68846
    merlojh
    Participant

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

    #68849
    scrambler
    Moderator

    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>
    #68857
    merlojh
    Participant

    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>

    #68858
    scrambler
    Moderator

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

    #68860
    merlojh
    Participant

    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>
    #68863
    scrambler
    Moderator

    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.

     

    #68868
    merlojh
    Participant

    Using Font Awesome John

    #68869
    merlojh
    Participant

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

    #68871
    scrambler
    Moderator

    Add with:180px to the myicons HTML

    <div class="myicons" style="float:right; width:180px;">
    
    
    #68872
    merlojh
    Participant

    That worked thanks so much John!!!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.