How to change background widget color on Streamline Pro?

[jasonyormark]

Is there a way that I can change the color of individual widgets on the Streamline Pro theme? Ideally I'm trying to use a dark grey and light grey swap so that each widget stands out a bit next to each other. As it stands the default is a light grey for all of them and they kind of blend into each other.

Working on a dev site so requires a login:

user: demo
password: sideout

http://comebackerdev.wpengine.com/

[carasmo]

Add to the Additional CSS in customizer or you theme style.css in the appropriate location. Every other widget will have a background color #ddd. The even widget is the default color you see now.

.sidebar .widget:nth-child(odd) {
      background: #ddd;
}

---

Genesis Theme Customization and Help

[jasonyormark]

Hmmm. I gave that a shot, but doesn't seem to work. I put it here:

.sidebar .widget {
	background-color: #eaeaea;
	border-bottom: 2px solid #fff;
	padding: 40px;
}

.sidebar .widget:nth-child(odd) {
      background: #666666;
}

[carasmo]

It's on your site when I view it. Clear your cache: hold down the shift key and hit refresh (half circle with arrow). Also, the widget titles will need to be adjusted too.

.sidebar .widget:nth-child(odd) {
      color: #fff;
      text-shadow: 1px 1px #333;
}

---

Genesis Theme Customization and Help

[carasmo]

All the text shadows look bad, so I adjusted the CSS to apply to the entire widget.

---

Genesis Theme Customization and Help

[jasonyormark]

DOH! Worked like a charm. Thanks for your help!

[Author]

Posts