The related articles section at the bottom of pages has the names of articles overlayed on images. Unfortunately if we have text on our images, the combination of both ends up as a jumbled mess. What would be a solution to this? Put the name of the article underneath?
I've passed this along, but it probably won't be addressed right away. Thank you!
Thanks Samantha. Flipboard do this, but I don't like the depressing black, and the all-caps is tabloidy and shouts out at a reader. Maybe a subtle pastel color could be used or just a white background around text with a simple, grey hairline border? I'm sure the graphic artists or whoever does your layouts know best.
Yeah, that doesn't look very appealing, but I get what you mean. I think the issue is that some people add text overlay and some don't, so this may be a good solution. But I'm not sure if our platform allows us to change the size so dramatically. That's related to the issue of how the main page vs. category vs. search page are all formatted differently.
That would work and be a good solution. Another could be the addition of a filter on the images giving them a dark shadow so that the white text of the title stands out even in cases where the image already has some text on it.
That's the way I usually do it on images if there isn't a large enough dark region for light text or light region for dark text.
That would probably be easier to do than what Eugene suggested, but they are both good ideas. I'm sorry I can't just do this all myself, haha.
Haha no worries. What I suggested would take less than a minute to accomplish on a regular system. It's just one line of CSS code.
Would that produce a variable transparency layer over the whole image or can the coordinates of the corners be specified?
Not sure, not my field. But I've sent the team your suggestions so we'll see. Our engineering staff is just so overwhelmed that it's hard to get any request that isn't life-threatening through, so I appreciate your patience.
I'm not sure I completely understand your question. Are you referring to the coordinates of the corners of the images themselves or their position on a page as a whole?
My suggestion would add a transparency/filter to all images within a certain division with a particular class name or images with a particular class name. So the entire image would have the effect and the current white text would overlay on top of it just the way it is right now.
No I mean a layer that would be under text and whose transparency can be varied. It would only be necessary to alter the transparency of a rectangular section under the text. So the coordinates of the corners of the rectangle would need to be set. In Paint Shop Pro, I create a layer over the image background, draw rectangular panels on the layer, put text on top of the panels on a third layer and then vary the transparency of the selected panels to let only some of the background show through.
That's also something that can be done. In this case you would have to add a background filter to the division bearing the text.
Eugene - I've looked at your articles and it seems to me that the best way to format (or reformat) the Cover Photo is to place any text in the upper third of the image. Anything on the bottom half is going to be overlain by the titling inserted by Maven. (BTW you have some great articles!)
Thanks Carb, but that would be hard work. I have some title images like that but if Maven text is going to be on images, we're always going to be playing a game of Whack-A-Mole trying to move it to suit if the location of text changes. There's also the site category text at the top which has to be avoided. We could just leave text off images altogether.
"We could just leave text off images altogether."
Don't overestimate the amount of traffic you get through the related articles section. You are almost certainly getting more traffic through social media shares of your informative image.
Having an image with a description does not take away from the people clicking through on the related sections tab, but not having one would certainly reduce the chances of increased Pinterest traffic for instance.
There seem to be different formats for related stories on the various Maven sites. So presumably there are different templates available. For instance Horse and Rider does this, but I don't like the circles.
This is how it's done on Soundings, another Maven site. It's nice and simple.
by Eugene Brennan 22 months ago
I disagree with the decision to remove text from images. Editors have also been hiding images with overlaid text. I think that a well crafted image with overlaid text can can stand out from the competition in a collection of images shown as the result of a Google image search. So if we can add text...
by Eugene Brennan 5 years ago
I have two closely related articles (basic and advanced troubleshooting guides) with four of the same words in both titles on the first page of SERPs, yet on Owlcation an article won't rank at all for four consecutive words from the title because there's an older article on the site using those...
by Cindy Scaccia 6 years ago
How do I place an image into a paragraph of my article instead of separately, in between paragraphs? I used to be able to double-click on the image and it would set it that way.
by HubPages 22 months ago
Hi all! As some of you may have noticed, we’ve begun changing all top images on PetHelpful to landscape orientation. This pushes more content “above the fold” on articles (especially on mobile devices, where we get the majority of our traffic), which should help keep readers on the page.We are also...
by Athlyn Green 8 years ago
Are embedded text links to our related articles still a good idea or does Google now frown on them?
by Cholee Clay 3 years ago
Has anyone else experienced editors adding a further reading section to the end of their article? I have not had an article edited in quite some time and I'm not sure the best way to go about this. Email them or change/remove the links myself?Three of the four links are exactly what I wrote and are...
Copyright © 2025 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 © 2025 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) |