Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] How to add padding between the border lines and the rotating header image (http://forum.bytesforall.com/showthread.php?t=10401)

neondevil Oct 16, 2010 01:24 PM

[SOLVED] How to add padding between the border lines and the rotating header image
 
2 Attachment(s)
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!

lmilesw Oct 16, 2010 01:59 PM

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.

neondevil Oct 17, 2010 07:44 PM

Quote:

Originally Posted by lmilesw (Post 46399)
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.

lmilesw Oct 17, 2010 09:35 PM

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

neondevil Oct 18, 2010 09:55 AM

Quote:

Originally Posted by lmilesw (Post 46535)
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.

neondevil Oct 18, 2010 10:23 AM

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.

lmilesw Oct 18, 2010 10:34 AM

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.

neondevil Oct 18, 2010 12:57 PM

Quote:

Originally Posted by lmilesw (Post 46582)
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

lmilesw Oct 18, 2010 01:06 PM

width: XXXpx;

neondevil Oct 18, 2010 01:12 PM

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.


All times are GMT -6. The time now is 04:23 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.