Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter josiedds

    (@josiedds)

    wpismypuppet

    (@wordpressismypuppet)

    You don’t need to rewrite the code to make this work… use css…

    #___plusone_0 { float: left !important; }
    .fb-like { width: 50px; margin-left: 20px; }

    for instance, wrap each of the codes into a span with css class .social;
    example:
    https://pastebin.com/ZT87kTaB

    and style with:
    .textwidget .social{width:40%;float:left;margin:10px 0 0 15px;}

    Thread Starter josiedds

    (@josiedds)

    Thanks. I tried both suggestions but still get the same outcome that i already have.
    I must be putting them in the wrong spot?
    I put the .social example in the text widget itself and then the
    .textwidget .social{width:40%;float:left;margin:10px 0 0 15px;}
    in the css style sheet under where it says sidebar. but it still looks the same,

    should i be putting it in the sidebar.php instead?

    sorry, i’m a novice. thanks for all your help!

    right now, I can’t find the new style in style.css of your theme; the edits to the textwidgets are there.

    try to add the styles again to style.css, and then clear the browser cache (‘reload’ the web page a few times, or press ‘CTRL F5’ or whatever your browser needs) to make the changes visible in the browser

    Thread Starter josiedds

    (@josiedds)

    i got it! thanks for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to I code this to get the icons side by side?’ is closed to new replies.