Can I center three inline images in a text widget?
-
Hello, WP Heroes and Heroines!
I have copied the text code for three linked images and placed them side by side in a text widget, but I cannot get the images to center. They are left justified even though I tried to center them via various tutorials.
Is there a way I can center all three images and have them inline side by side?Blog:
http://wildonewithin.wordpress.com/
Many thanks!
The blog I need help with is: (visible only to logged in users)
-
Are your referring to the images in the widget with this title “Writings Featured On”?
sidebar widths Ari theme:
Left sidebar width is 240.
Right sidebar width is 150.Your images must be small enough to fit into the sidebar side by side including borders and margins. http://en.support.wordpress.com/images/image-alignment/#side-by-side
See here for more advice > https://en.forums.wordpress.com/topic/aligning-photos?replies=2#post-1190209
-
The images are in the left sidebar “Connecting Here & There” and are separate links to Facebook, Google+, and Twitter. They “look” centered because of the sizes of the images and the area of the text widget, but they are not centered. It ends up looking a little odd when I view my blog via other devices (e.g., mobile).
Do you need me to paste the code here?
Thanks!
-
I am on a PC and I cannot even see “Connecting Here & There” in your left sidebar. ( BTW that theme does not provide for much to be displayed in that sidebar at all. )
-
When I go to the left sidebar this is what I see at the end – not how it stops in mid-sentence…
Meander Along With Me
Would you like to meander along with me on my wild one journey? Simply open the _________________ -
Yes of course you can center them, but a) they almost cover the whole width of the sidebar, so the difference would be minimal, b) all the other content of the sidebar is left aligned, so centering those images wouldn’t look ok anyway.
-
I always compose my text widgets in the Write Post page, so I can take care of things like centering with the Visual editor. Then I click to the Text editor, copy the code, and paste it in the widget.
You can always use Div codes to center things. Note that as TT said, they have to be small enough to display that way or they WILL get knocked to one above another.
-
@raincoaster
I do the exact same thing you do. I create a draft post and do all my text and/or image alignment in the draft post. Then I switch to the Text (HTML) editor and copy paste the code into a text widget, and delete the draft. -
Thanks, TTTS and Justpi, for trying to help out.
Yes, that is why I have the second sidebar on the right.
The buttons are big and I wanted to make them smaller, but they look a little odd left justified. Maybe I will just move this widget to the right sidebar. All of the widgets on the right sidebar are centered so I would like to center this one too. If there is a way you know of, I’d appreciate your expertise. If there’s no way to center and align three images, I’ll work around it.Thanks!
-
@thewildwomanwithin
I do advice to share but I hesitate to post it as it may offend you. if your want to hear it then just say the word and if your don’t then that’s okay too. HINT: I am a blogging minimalist. When I see sidebars full of tat I cringe. -
P.S. I apologize for the unintended “your” when I mean to type “you”. My app doesn’t catch those and my eyes are very tired today from doing year end taxes.
-
@rain & TT: your method will produce distorted results in bad browser versions, if the originals are larger than the displayed versions.
@thewildwomanwithin: Paste this in the Text widget:
<div style="text-align:center;"><a href="http://www.facebook.com/pages/A-Wild-One-Within/188206111323781" target="_blank"><img style="width:36px;" alt="wildonefacebook" src="http://wildonewithin.files.wordpress.com/2012/12/wildonefacebook.png" /></a><a href="https://plus.google.com/u/0/b/116671974170127576065/116671974170127576065/posts" target="_blank"><img style="width:36px;" alt="wildonegoogle+" src="http://wildonewithin.files.wordpress.com/2012/12/wildonegoogle.png" /></a><a href="https://twitter.com/wild1within" target="_blank"><img style="width:36px;" alt="wildonetwitter" src="http://wildonewithin.files.wordpress.com/2012/12/wildonetwitter.png" /></a></div> -
@justpi
Yes, I noticed that a long time ago when surprise! Suddenly the width and length attributes were overridden in the images and they display at original size. That’s when I began to resize all images first.P.S. Also note that as I said above, I cannot even see that widget in the left sidebar using Firefox 19. Browser Size 1014 x 571.
I cannot see anything beyond “the” in this widget:
Meander Along With Me
Would you like to meander along with me on my wild one journey? Simply open the …. -
The left sidebar on Ari is fixed, so how much of it a visitor will see depends on the visitor’s screen resolution (mine is 1680×1050, so I can see all of thewildwomanwithin’s widgets). So, as you said, the content of that sidebar should be kept to a minimum.
And anyway the left sidebar on Ari stands for the header and top menu: it’s a place for page links and such, not for any widget. -
Everyone, thanks so much! I appreciate your expertise and advice. I originally did attach the linked a draft page and then copied the code into the text widget, and even though the images were centered on my draft page, they didn’t end up centered in the widget.
And, TT, I have only appreciation for letting me know that my blog is too busy (is that “tat”?). I am trying to showcase my writing and the other blogs at which I’ve been published since I am interested in freelance writing.
Is there another way to showcase my published posts or best posts without the business of all these widgets? Perhaps separate pages for posts featured on other blogs. I would like to make it easy for others to find my content, but I certainly don’t want the “tat” look. Also, I really want a plain background on a theme, and though Ari is not exactly what I want, it is quite plain. I’m such a silly human, choosing a plain theme and then cluttering it up with “tat”!
Smiles!
-
I will shoot from the lip so please put on your helmet and pull down the face mask.
Widgets generally accomplish one or more of the following things:
- improve the functionality of a site by providing reader accessibility to content that is not located on the front page;
- act as leaders for e-commerce or other transactions (not applicable to free hosted wordpress.com blogs);
- promote and lead traffic to the site serving the widget;
- redirect readers to high quality sources of relevant information found in authoritative blogs in the same niche.
Here is the test for deciding whether or not to place widget in your sidebar. Ask yourself these two questions:
(1) Does this widget assist a visitor to locate posts located deeper than the front page?
(2) Does this widget assist a visitor to locate valuable related resource on a similar site?
Tat = useless decorative stuff or bragging widgets like award badges. In my not humble opinion ;) all of that is best displayed on a static page.
I am trying to showcase my writing and the other blogs at which I’ve been published since I am interested in freelance writing.
As far as your writing elsewhere goes I would place that information on an About page.
re: Old Wonderings & Writings
That appears to be a Archives widget. Why emphasize “old”? Evergreen content is not “old” – it’s timeless. Why make people puzzle over what that title means when Archives says it all in one word that everyone can relate to? Also why string the entries out like that month by month when a dropdown can be the option you choose to use for display?Lastly, theme selection is entirely subjective. I choose to use only responsive width themes that have horizontal menu bars.
-
@thistimethisspace
Thank you so much for the information. My interest is in my writing and I am not well-versed (trial and error, really) in the technical/design aspects of blogging so I thank you for the honest and kind feedback. I appreciate your generosity in helping me.
I will work at my blog to make the content easier to find and label the widgets so they’re easier to understand. I will also set up more static pages for the information.
As always, thank you!
-
-
Thanks again, TTTS!
I moved the links to a page, but know my blog looks a little “texty”. I will visit your blogs to see how you deal with the “tat”. I do like visuals and am now wondering how to make the text simpler.
Thanks!
♡eM
- The topic ‘Can I center three inline images in a text widget?’ is closed to new replies.
WordPress.com Forums 