Hey Rita,

I'm not understanding what it is you are trying to achieve, are you trying to get a module published in the sidecol-b to align with the Blog items on the left? If so it won't work, best you could do is put the image in the article itself aligned to the right with like 20px padding to the left.

Again, having a hard time visualizing what effect you're trying to achieve.

So sorry about that. After submitting the inquiry, I decided to change the plan entirely. I thought I had deleted the post, but apparently I didn't.

On the page now http://enlivenllc.com/test/services you'll see numbered blocks of text. He wanted each of those numbered blocks to be in a separate color band, with the sidecol-b modules there as well. Was trying to stack and "color" separate articles by changing the background color, but it wouldn't work, I think, because of the setting in Template Styling "Article Background Color."

I realize now I should have attached a screen shot before to clarify! Not a problem if you still can't visualize this. The client likes the current format.
Best,
rita

Oh I see, to alternate the row colors you can do this:

1) Go to the category blog layout options and put the total amount of articles you want in leading, right now you have it set to 1 leading and 5 or whatever items, make it 0 leading.
2) Put this code in your Custom CSS area:

.items-row:nth-child(even) {background: #CCC}

.items-row:nth-child(odd) {background: #FFF}

OR, you could use this code that creates a gradient for each box:

.items-row {background: #f7e9dc; /* Old browsers */

background: -moz-linear-gradient(top,  #f7e9dc 0%, #f2f2f2 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7e9dc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f7e9dc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f7e9dc 0%,#f2f2f2 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f7e9dc 0%,#f2f2f2 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f7e9dc 0%,#f2f2f2 100%); /* W3C */

filter: progidXImageTransform.Microsoft.gradient( startColorstr='#f7e9dc', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

If you need to change the gradient you can use this tool: http://www.colorzilla.com/gradient-editor/

Wow! This is wonderful information. Thank you! -r