How to align horizontally text in wordpress ?

[alex17]

Solved

Thanks

/Bin

 

[p2p4ever]

i guess the placement is using widgets?
do reply so that i can help you out

 

[alex17]

No i added Both Facebook like code and Google plus code in a same widget ..

Result : 1st image ..

I want to align them like image 2.

 

[Mr Happy]

Have to see the source code to know if it's quicker to add or remove something.

 

[p2p4ever]

can you tell me what your site is?
solution is diff for each them depending on width of sidebar(s)

 

[CloudShadow]

Install the "Add to Any Share/Save/Bookmark Button" plugin and it will give you an option to align the buttons horizontally.

 

[alex17]

This is how my text widget is :

<iframe src="http://www.facebook.com/plugins************app_id=103730139724700&amp;href=facebook.com&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>

Result :

 

[CloudShadow]

Or install the diggdigg wordpress plugin, that will also do this for you. You dont need to edit any code

EDIT:

I see that you want this to display this in the widget panel. Then add to any plugin would be much better.

 

[Rox]

put code again? in pastie?

 

[Mr Happy]

<div style="float:left">all the facebook crap here</div>
<div style="float:left"><glusone size="tall"></glusone></div>

and put the Google script in the header:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

 

[alex17]

AddToAny , looks bad
so as diggdigg

No way to align text horizontally ?
or any chance of editing .css and adding it ?

 

[alex17]

@Rox : http://pastebin.com/v72jfKcX

@Happy , i want to show them on right sidebar as a widget on TOP .

 

[Mr Happy]

AddToAny , looks bad
so as diggdigg

No way to align text horizontally ?
or any chance of editing .css and adding it ?

What type of English is that? What are you saying? Did you try my code or not?

 

[Virtual]

hence, i just did "select" some of "elements" in "visual's" view to do it

 

[alex17]

@Happy , not working .. I want to add as widget !

 

[Mr Happy]

@Happy , i want to show them on right sidebar as a widget on TOP .

And how in the hell were we meant to know that? Why didn't you mention the sidebar earlier? Just link us to the website and point out exactly on the website where you want them to be.

 

[alex17]

^^ Sorry .

Here you go : http://releasescene.org/

Check right sidebar

 

[Ar!yaN]

let try mine answer

just put the 1st code and then where the code end put the 2nd one there you will get it horizontal all

example:

<code1><code2>

instead of

<code1>

<code2>

got it ?

 

[alex17]

^^Tried it .. Still same !

 

[Not_Responding]

alex, let me try to help you.

original source code :

<div class="textwidget"><iframe src="http://www.facebook.com/plugin[B]s/lik[B]e.php?[/B][/B]href=http%3A%2F%2Freleasescene.org%2F&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe>  <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="medium"></g:plusone></div>

replace with :

<div class="textwidget">

<div style="float:left; width:50%"><iframe src="http://www.facebook.com/plugi[B]ns/like.p[B]hp?[/B][/B]href=http%3A%2F%2Freleasescene.org%2F&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe></div>

<div style="float:left; width:50%"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="medium"></g:plusone></div>
<div style="clear:both;height:0px"></div>
</div>

don't forget to backup :D

hope this can help you