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.
@Mathew,
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.
PS
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 Ronald E Franklin 6 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 Mark Shulkosky 11 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 Catherine Giordano 8 years ago
I was totally dismayed to learn that Ad-Blocking software is used by 41% of people. (The statistic appeared in "The Week" magazine.) That reduces impressions. We get 60% of views, but only 59% of those views yield ad impressions so only 35% of our views gives us earnings. If you get 1000...
by Angela Harris 15 years ago
I have made a few hubs lately that are two columns with one column being an RSS capsule. I had no problems with this format until about a week ago. Now whenever I try to do this, it leaves a huge ugly gap of white space and places the capsules below the RSS capsule instead of beside it. It looks...
by Greensleeves Hubs 10 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 Susie Lehto 8 years ago
"Techo" Matt,This has been happening for some time on all of my hubs.When I open a Text Capsule and copy and paste content in, it does not show the text until I hit Save. EXAMPLE:I published a poetry hub today and had the title in the content I pasted into the text...
Copyright © 2024 The Arena Media Brands, LLC and respective content providers on this website. HubPages® is a registered trademark of The Arena Platform, Inc. Other product and company names shown may be trademarks of their respective owners. The Arena Media Brands, LLC and respective content providers to this website may receive compensation for some links to products and services on this website.
Copyright © 2024 Maven Media Brands, LLC and respective owners.
As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.
For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://corp.maven.io/privacy-policy
Show DetailsNecessary | |
---|---|
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. |
Google Recaptcha | This is used to prevent bots and spam. (Privacy Policy) |
Akismet | This is used to detect comment spam. (Privacy Policy) |
HubPages Google Analytics | This is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy) |
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. |
Amazon Web Services | This is a cloud services platform that we used to host our service. (Privacy Policy) |
Cloudflare | This is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy) |
Google Hosted Libraries | Javascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy) |
Features | |
---|---|
Google Custom Search | This is feature allows you to search the site. (Privacy Policy) |
Google Maps | Some articles have Google Maps embedded in them. (Privacy Policy) |
Google Charts | This is used to display charts and graphs on articles and the author center. (Privacy Policy) |
Google AdSense Host API | This service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy) |
Google YouTube | Some articles have YouTube videos embedded in them. (Privacy Policy) |
Vimeo | Some articles have Vimeo videos embedded in them. (Privacy Policy) |
Paypal | This is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy) |
Facebook Login | You can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy) |
Maven | This supports the Maven widget and search functionality. (Privacy Policy) |
Marketing | |
---|---|
Google AdSense | This is an ad network. (Privacy Policy) |
Google DoubleClick | Google provides ad serving technology and runs an ad network. (Privacy Policy) |
Index Exchange | This is an ad network. (Privacy Policy) |
Sovrn | This is an ad network. (Privacy Policy) |
Facebook Ads | This is an ad network. (Privacy Policy) |
Amazon Unified Ad Marketplace | This is an ad network. (Privacy Policy) |
AppNexus | This is an ad network. (Privacy Policy) |
Openx | This is an ad network. (Privacy Policy) |
Rubicon Project | This is an ad network. (Privacy Policy) |
TripleLift | This is an ad network. (Privacy Policy) |
Say Media | We partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy) |
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. |
Statistics | |
---|---|
Author Google Analytics | This is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy) |
Comscore | ComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy) |
Amazon Tracking Pixel | Some articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy) |
Clicksco | This is a data management platform studying reader behavior (Privacy Policy) |