I was in the HTML inserts tab and I was trying to add to get studiol01.jpg to look like studiol02.jpg. I just really want to move everything a few spaces down under the first border line.

I tried adding padding then a margin under the borders div but with no success, where should I be modifying it?


Thanks!

It's hard to say without seeing the site. It could be in CSS Inserts or it could be one of the %bars or some styling for the menubars.

Originally Posted by lmilesw

It's hard to say without seeing the site. It could be in CSS Inserts or it could be one of the %bars or some styling for the menubars.

http://studiolonline.com/

That's the site, I'm not sure what it could be. Maybe there is a div for basically the body of the site excluding the menu/logo image etc? That's probably just wishful thinking.

Instead of putting a border on the image put a %bar1 or %bar2 over %image and style the bar as desired.

Originally Posted by lmilesw

Instead of putting a border on the image put a %bar1 or %bar2 over %image and style the bar as desired.

So wait %bar1 and %bar2 are the things in the header options or I would have to add them in to the HTML/CSS inserts?

So if it's the header options one, I'd disable the line I already have in the HTML/CSS inserts then go in make that black but how would I position it? Does it have a default starting location? Because I've changed the colors before I just never noticed it popping up anywhere.

Oh and I should have put this in earlier because this is the section I was modifying:

div#imagecontainer {
border-top: solid 1px #333;
border-bottom: solid 0px #333;
border-spacing: 10px;

}


Just tried padding-top, padding, margin but margin moves everything including the image, border-spacing doesn't work at all.

In ATO>Style & edit Header Area put %bar1 just before %image. Then scroll down to that same section and style the bar. You will probably just put a top border on it and make the height the distance you want the bar from the image.

Originally Posted by lmilesw

In ATO>Style & edit Header Area put %bar1 just before %image. Then scroll down to that same section and style the bar. You will probably just put a top border on it and make the height the distance you want the bar from the image.

Oh man I can't believe I missed that, that did it! Thanks!


There's only one problem now is that it goes out too far to the right, is there any way to limit that?


height: 1px;
background: #fff;
border-top: solid 1px #000;
padding: 10px;


Those are my settings

width: XXXpx;

Wait forget that I did it with:

height: 1px;
background: #fff;
border-top: solid 1px #000;
padding: 10px;
Width: 98.3%;



Thanks a ton for all your help.