I recently filled in a survey on how to improve HubPages but forgot to mention a very important design issue which has been bothering me for a long time.
When a text capsule is very long, I like to turn it into 2 adjacent capsules so it works like 2 columns. Easier to read, right? But every time I conscientiously edit the capsules to contain exactly the same number of lines, they still don't align properly.
Just look at the illustrations. (Press Ctr/+ to enlarge the screen)
This looks SO unprofessional!
Please, please wonderful HP staff, can you fix it?
@Sue Can you provide the title and/or URL for a Hub that is showing the issue you described? Then we can look into the issue and see what we find.
The above pictures are from the hub A Violent Marriage - Domestic Violence Stories. Please look at the 5th and 9th paragraphs where text capsules are used as 2 columns. The 2 columns' titles and text lines are out of alignment.
@Sue I looked at your Hub, and I do see the small alignment difference for the bottom of the last sentences, but it seems to be minor. I don't know if there is a way to make the text align up exactly each time for the 2 column format as word length would be different for each.. I can move this thread to the suggest a feature forum if you wound like to see if the issue is something more users are looking for.
Matthew, the alignment problem is at the top of the column. The two columns do not start on the same line when put side by side. The right column is always slightly lower than the left column. Even if the text was exactly the same, the two columns would not line up the same way.
It looks like a minor issue, but psychologically speaking, having the text side by side would indicate that both of the texts have equal value and should be read. Having one lower makes it look like the left one should be read first, and the one on the right is possibly optional.
I'm sure you have tried everything, hence why you are posting in the forums, but I am usually successful in lining up my columns by using a combination of extra spaces in text capsules and also by tweaking the sizes of my pictures.
I would like this also. Setting text side by side is great for comparison hubs.
This has been something that I noticed, too. And it's an easy fix on their part. For the capsules that have colored background, they apply a 10px padding around the text so that the text won't run up right to the edge of the colored box. When the background remains white, they have removed the padding from right, left, and bottom, but the 10px padding still remains on top. This is a simple change in their style sheet to remove it, unless they have a compelling reason to have it there, although I haven't yet seen what that might be.
If, as you say, Kdeus, if it is a simple change, then let us hope that the padding at the top (for right-hand white text capsules) will be removed in the style sheet a.s.a.p.
From the point of view of someone making a page it would be easier if you could drag and drop the capsules up and down the page. Then when you want two capsules to align side by side if you could 'click'/toggle them to line up that would produce a neater look.
There is no need to move this thread to the suggest a feature forum. We are not asking for a new feature, this is a technical problem, a mistake in the design that can easily be corrected by removing the padding from the top of right-hand text capsules.
To sum up: Adjacent text capsules should line up horizontally at the top.
This horizontal misalignment issue occurs with ad and photo capsules as well, and probably any other capsule types that can float right. I routinely fudge the format when it's important; I hadn't thought of getting it fixed. Thanks!
You are quite right Howard, I often have to go through the painful process of adding a white top border to pics in Photoshop so at least they align with the first line of text of an adjacent text capsule, if not with the title (as photos often don't have a title). So the thing to do would be to remove top padding from all right-hand capsules?
For example, this photo from the hub Dangers And Risks Of Eating Meat has a top white border added to it in Photoshop for alignment purposes.
Press Ctr/+ to enlarge screen, Ctr/0 for back to normal.
In comparison, the next picture from the hub Facial Massage Techniques is of a photo without added white top border. See how it doesn't align with anything, not with the bottom of adjacent title nor its first line of text. This is design rubbish!
So to sum up about half size photo capsules:
If the half-size photo capsule has no title, its top should have padding to match the first text line of an adjacent text capsule.
If a half-size photo capsule has a title, that title should match the title of its adjacent text capsule.
But for starters, and in any event, the right-hand text capsules should align properly with their neighbor on the left.
I believe the problem has been fixed in the past few days and the issue should be considered resolved. I see a definite difference. Sue, please confirm that you still see the problem.
Hi Howard & staff,
Yes, thank you clever engineers for aligning the headings. But we're not finished yet.
(Ctr/+ to enlarge image)
There are 2 more things to tweak:
1. The space between paragraphs should be the same as the space that a line of text occupies.
2. The two column-widths are not equal. The second column is much wider.
Please let us go the whole way, with 2 more tweaks, towards professional looking design.
If the second column-width is reliant on the width of adverts, then simply widen the first column a little. The whole page-width will still be fine (I think). Or... narrow the Ads? I dunno... you are in charge here.
I do not agree with Sue Adams' suggestion that paragraph spacing be a double line space. That effect can easily be achieved by inserting two line breaks. In the editor, press <Shift>+<Enter> twice.
The convention of double line space between paragraphs goes back to the days of typewriters with carriage returns. Modern typesetting always attempts to use a fraction between paragraphs, more than one less than two.
Thank you clever engineers for tweaks made so far. As this issue is still a "Known Issue" and almost but not entirely resolved, here is what can be done towards resolving it. Please look at the illustration in enlarged mode.
Press Ctr./ + to enlarge picture, Ctr./ 0 for back to normal:
The text of the right-hand column re-aligns at the bottom because there is a paragraph break in the left hand column as well. But because the paragraph breaks are too small it creates miss-alignment until you have a paragraph break in both columns. The solution is to make the distance between 2 paragraphs the same as a line of text. That should be easy to tweak, then text will align perfectly.
After that, we are still left with the question: Why are the 2 text column width not equal?
by Mark Shulkosky 8 years ago
Can you put picture capsules side-by-side to make 2 columns of pictures in a Hub?I know you can put a picture capsule to the right of a text capsule. I can also but an Amazon capsule next to another Amazon capsule or eBay capsule. Why can't I put 2 picture capsules side-by-side? I...
by Greensleeves Hubs 6 years ago
I have noticed a problem with the sequencing of Hub capsules when viewed on different devices. I always use a desktop or laptop computer to compose and read my pages, and I frequently use text capsules side by side, with one tinted blue or grey to emphasise that the two blocks of text are separate....
by Dilip Chandra 8 years ago
I feel hubbers should be given chance to add capusules on the right side column of the hub as well, under the related hubs and tags. If that is not possible, at least a capsule to allow the hubbers to suggest any hubs of his/her choice to readers.
by Stephanie Marshall 7 years ago
My last published hub is not displaying 2 of the text capsules in the middle - leaving adjacent capsules "hanging," and also omitting about 1/3 of the text of the hub.They "reappear" when I go to edit, but the text capsules are not visible in the published mode, nor in the...
by Ronald E Franklin 2 years ago
The biggest issue I have with all capsules having to be full width is that there now seems to be no provision for sidebar content. I've had to eliminate several sidebar text capsules because although they have supplementary information that would be useful for the reader, they just can't be fitted...
by Jackie Grant 3 years ago
I think I missed something here but have recently seen some discussions about in-text Amazon links v Capsules. How do you put in text links in, is there a special way? Do I just get the link that I get from Amazon when I go on there and choose the product? Or does this only work for people who have...
Copyright © 2020 HubPages Inc. and respective owners. Other product and company names shown may be trademarks of their respective owners. HubPages® is a registered Service Mark of HubPages, Inc. HubPages and Hubbers (authors) may earn revenue on this page based on affiliate relationships and advertisements with partners including Amazon, Google, and others.
HubPages Inc, a part of Maven Inc.
|HubPages Device ID||This is used to identify particular browsers or devices when the access the service, and is used for security reasons.|
|Login||This is necessary to sign in to the HubPages Service.|
|HubPages Traffic Pixel||This is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.|
|Remarketing Pixels||We may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.|
|Conversion Tracking Pixels||We may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.|