[wolfcoach]

Great idea, and yes that is the primary reason I'm looking to darken these images - better text clarity.

It didn't work as originally expected but it did prompt a solution to be found. I modified the CSS with a hex transparency and added a color blend mode, which ultimately darkens the image via opacity. Now the images appear to have a dark overlay and text is clearer:

.home-section-1,
.home-section-3,
.home-section-5 {
background-attachment: fixed;
background-color: #00000080;
background-position: 50% 0px;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-blend-mode: color;
}

Thanks for your idea!

[wolfcoach]

I am having the same issue, and found the first piece of CSS code that you mentioned, eliminated it and sure enough the slider text displays on mobile devices now.

However, I don't know how you tweaked the second part. Can you share?

[wolfcoach]

Thank you both - you nailed it!

...And that's just one of the problems with copy and pasting from online tutorials 🙂

Again, thank you both!

[wolfcoach]

Thanks for the reply, but this addresses text-columns such as those within posts and pages.  I am referring to the category listing of a series of posts which have been tagged with a specific category (i.e. http://capefearwilmington.com/category/cape-fear-business-break/).  Right now, when you go to a category page, it puts all of the posts categorized under that heading into a 1-column feed.  I'd prefer to make that a 2 or 3 column feed if possible.

Thanks!

[Author]

Posts