Ambiance Pro: How to darken grid images using CSS

[asoon]

Hello,

I just bought, Ambiance Pro, it looks like a neat theme. I have one problem though:

* On the main page, the white header text on my featured images' thumbnails is just too hard to read:

http://b7a.98a.myftpupload.com/ (this is a staging site)

Is it possible to:

1. Darken the featured images' thumbnails using CSS, like a transparent overlay?

2. Change the hover colour to a deeper shade of grey, instead of white, to make the header text easier to read?

Any help would be appreciated 🙂

http://b7a.98a.myftpupload.com/

[Sridhar Katakam]

1. Add this in style.css:

.ambiance-grid .entry {
    position: relative;
}

.ambiance-grid .entry:before {
    content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background: rgba(0,0,0,0.5);
}

---

Genesis Tutorials | Follow me on Twitter

[asoon]

Thank you! That worked perfectly.

[asoon]

Oops, now there are odd grey bars that appear when I resize the browser. Here's a screenshot:

Grey bars

I think it might have to do with the modification, because it doesn't seem to appear in the Ambiance Pro demo.

Help, please?

[asoon]

Ah, sorry. It seems to be fixed now, after I turned off the Subtitles plugin.

[Author]

Posts