Any suggestions for how to remove the white lines in this one? One is above the module and one is below (that one includes the article area which in fact is an empty article in this case.)

scarlettbutterfly.branchoutwebsites.com/index.php/testimonials

Hi

it comes from this line

#grid1wrap, #grid2wrap, #grid3wrap, #grid4wrap, #grid5wrap, #grid6wrap, #bottomwrap, #mainWrap {
border-top: 10px solid #fff;}

So you would target the grid wrap you wanted to remove it from

Cheers
Paul

I added this

#grid2wrap {
border-top: 10px solid #fff;}

because on this page

scarlettbutterfly.branchoutwebsites.com/index.php/testimonials

The module is in the grid5 template position therefore grid2 row is that right?

Nothing happened to my white lines.

You want to remove the border from certain rows

You need to add {border-top:0} to the specific row you want to target

Cheers
Paul

Erm.

OK I'm beginning to get there. Sorry I didn't spot the fff in that.

Looking at:

scarlettbutterfly.branchoutwebsites.com/index.php/testimonials

I now have this css, but it's not controlling the white at the bottom or the article which is the deep area of white.

#grid2wrap {
border-top: 10px solid #000;
border-bottom: 10px solid #000;
}

Also to target scarlettbutterfly.branchoutwebsites.com/index.php

I have added

#grid1wrap {
border-top: 10px solid #000;
border-bottom: 10px solid #000;
}

But the line is still there above the grid1 row.

The borders you don't want need to have it removed

for example

#grid2wrap {border-top:0}
#mainWrap {border-top:0}

these lines remove from the grid2wrap and mainwrap

Mainwrap being the content area

I want to remove the border from grid2, grid1 and also make the article area black.

I have added:

#grid2wrap {border-top:0}
#mainWrap {border-top:0}
#grid1wrap {border-top:0}


as the only css in the file

There is still no result at the bottom of the following page. There is a white horizontal line and a white article area. Sorry I'm just no adept at working out these css tweaks.

Are you referring to this area?

Yes. That looks like it's controlled by something else.

That is the component / article content area

Cheers

Yes I know. Is there any way to make it black through the theme or similar?

Try

.mainwrap.zen-spotlight { background: #f6f6f6;}

replacing with your colour

Cheers
Paul

Brilliant. That was just what was needed. Thanks.

You're welcome

Cheers
Paul