Centering a "Gif"

• 

  makeyourmovefans · Member · Feb 24, 2014 at 2:20 am

  • Copy link
  • Add topic to favorites

  How do I center a “gif” into my blog? What is the html coding?

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Feb 24, 2014 at 2:50 am

  • Copy link

  Hi,

  instead of HTML coding, you can use the Visual Editor for that. After placing the image into the post, just use the Center alignment. See here:

  http://en.support.wordpress.com/visual-editor/#alignment

• 

  mercuryerrands · Member · Feb 24, 2014 at 3:13 am

  • Copy link

  Thank you for responding, but that method does not work. By centering it in the Visual Editor, the URL for the gif appears, and we lose the gif imaging.

• 

  makeyourmovefans · Member · Feb 24, 2014 at 3:16 am

  • Copy link

  Sorry, I was logged into another blog that I do. The centering method in Visual Editor does not work. :(

• 

  amandacbilly · Member · Feb 24, 2014 at 5:06 am

  • Copy link

  If you use the Text Editor, does <img class="aligncenter" alt="" src="gifurl" /> do the trick, or does that also just show the URL?

• 

  makeyourmovefans · Member · Feb 24, 2014 at 5:09 am

  • Copy link

  Sorry, I don’t know how to use that code? Where would I put the URL? There seem to be so many spaces in that coding too.

• 

  amandacbilly · Member · Feb 24, 2014 at 5:18 am

  • Copy link

  You know how, when you’re adding/editing a post, you use the Visual Editor? You can actually switch between the Visual Editor and the Text Editor using the tabs at the top right corner of the text box where you edit your post. You’ll see links that say “Visual” and “Text,” and, if you click either, the editor will switch views.

  If you add an image to the post using the Visual Editor, and then you switch to the Text Editor, you should see a bit of code that starts with <img right where the picture will go. I was just wondering if adding class="aligncenter" to that img tag would work for you.

  Does that sound like something you’d be comfortable trying, or is that totally confusing?

• 

  makeyourmovefans · Member · Feb 24, 2014 at 5:25 am

  • Copy link

  I’m quite comfortable working between Visual and Text Editor. What I need is the exact html coding to place before and after the URL.

  What you sent me did not work, probably because it was not thorough enough. The URL for the gif I’m using does not begin with img. It begins with “Http”, just like a YouTube video, and in this case, the URL ends with “gif”.

• 

  amandacbilly · Member · Feb 24, 2014 at 5:29 am

  • Copy link

  I apologize if I wasn’t clear. The url would go inside the quotation marks after ‘src=’ (where I put the placeholder text ‘gifurl’). For example,

  <img class="aligncenter" alt="" src="https://31.media.tumblr.com/tumblr_m5eod3sKKL1qd612m.gif" />

• 

  makeyourmovefans · Member · Feb 24, 2014 at 5:36 am

  • Copy link

  That did the trick. Thank you soooooo much. :-)

• 

  amandacbilly · Member · Feb 24, 2014 at 5:37 am

  • Copy link

  I’m glad! You’re very welcome.