Is there a way to add an overlay...

User 2846109 Photo


Ambassador
341 posts

Wayanjaya wrote:
So whay you are saying is introduce a new "Colour Overlay Button", not a "New Solid Colour" that's where I was confused if that's the jist of your suggestion then that's one i am all for also


Yes, I apologize for using the incorrect term. You've got it! :D
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 188640 Photo


Registered User
895 posts

Steve wrote:
Ernie Hodge wrote:
Or just do it in Photoshop and have less code in your files. :D


This does work Ernie but you do lose out on SEO when you do this.


Steve,

Jeff was asking about a background image so it doesn't make any difference, does it? And even if you do this with an image in a row or column it can't affect the SEO if the image information is set up correct.

Unless I read the entire thread wrong. Lately that's a real possibility. :(
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,086 posts

using the "alt" tag on an image is not as effective as having actual content overlaid on a background image. This is especially true if you have a small Sentence you want to use. Here is an example, I am currently working on a website for a client and just above the contact form you will see three columns with background images and Inspirational sayings as the content.

If I were to use photoshop there is no way I could gain the same SEO from an "alt" tag.

http://misterwebguy.com/linda-holt-life-coach_exported/

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 188640 Photo


Registered User
895 posts

Steve,

I understand what you're saying about overlaying 'text' on top of an image but wasn't Jeff just asking about using a color overlay on an image?

That's why I guess I got the wrong idea about this thread.
A Rose is Just a Weed in a Corn Patch!
User 2699991 Photo


Registered User
4,782 posts
Online Now

Ernie Hodge wrote:
Steve,

I understand what you're saying about overlaying 'text' on top of an image but wasn't Jeff just asking about using a color overlay on an image?

That's why I guess I got the wrong idea about this thread.

I also understood it as just wanting to use overlay on an image, in which case wouldn't make any difference to SEO, if it was already on when bringing into FF, in fact to be perfectly frank, there is sometimes too much emphasis put on SEO in my opinion, (depending on what a site is used & designed for) there are other factors that are more important in considering SEO as long as there is good well written content, and useful information, then a couple of images on a page as background won't make that much difference.

Anyway at the end of the day, one thing became cleared, was that he was suggesting introducing a colour overlay button for IMAGES adding to the funtionality of FF, not just a new solid colour background, which is where I got confused, in the beginning.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2846109 Photo


Ambassador
341 posts

Yes, Wayan explained exactly what I was looking for in his last paragraph. :)

Any of the SEO information was new info for me.
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 2088758 Photo


Senior Advisor
3,086 posts

I apologize I miss read the question. There will be no SEO impact on putting a color overlay on an image photoshopped or not.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 434929 Photo


Ambassador
938 posts

Jeff wrote:
If we have a background photo, is there a way to overlay a solid color on top of that image. For example, put a 50% opacity black on top of a photograph.

I see as a work around we can add a gradient using the same color/opacity as the start and end but wasn't sure if there was a simple way to add a single solid color overlay?


I think this video of mine will show you how to achieve that if I understand the question right.

https://www.youtube.com/watch?v=Hpu1PVQ_yRY
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.