Wordpress Themes - WP Forum at BFA - [SOLVED] How do I add a border to the header image

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 do I add a border to the header image (http://forum.bytesforall.com/showthread.php?t=5115)

Ninak

Jan 3, 2010 01:08 AM

[SOLVED] How do I add a border to the header image

I have a fixed width layout and would like to add a border to the left and right hand sides of the header image.
Not sure on the code for this as I was able to add a border to the header container but not the image itself.

The site
Thanks in advance.
Nina

juggledad

Jan 3, 2010 05:03 AM

Your header area is really the logo area and the header image. You said you added the border to the header container, but not the header image
1) where did it show up
2) what did you do to add it
3) what color do you want it
4) how big

Ninak

Jan 3, 2010 06:43 AM

Thanks for your response
The border that I created showed up in the the header logo area. 20px?? from the left and right of full screen and on the line of the page menu bar.

In the css header container and added the code for a border. Very basic :o
Colour just plain ole #ffffff just to see if it works to start off with.
The border 5px.

juggledad

Jan 3, 2010 09:54 AM

if you want a border on the header image, add the following to ATO->Add HTML/CSS Inserts->CSS Insert

HTML Code:

CSS Inserts

Ninak

Jan 3, 2010 02:47 PM

Quote:

Originally Posted by juggledad (Post 22087)

if you want a border on the header image, add the following to ATO->Add HTML/CSS Inserts->CSS Insert

HTML Code:

CSS Inserts

sorry but what code I can only see css inserts

lmilesw

Jan 3, 2010 02:56 PM

If you make the width of your page the same as the width of you logo you can just use the header-image-container class to style the border but maybe I'm seeing something wrong.

Ninak

Jan 3, 2010 04:28 PM

Hi Larry this made perfect sense and the border has been added.
Thankyou

juggledad

Jan 3, 2010 04:41 PM

Sorry my cut and paste failed here it is

HTML Code:

div#imagecontainer {

border-right: solid 5px red;

border-left: solid 5px red;

}

and add this to ATO->Style & edit HEADER AREA->Logo Area: Styling

HTML Code:

border-right: solid 5px red;

border-left: solid 5px red;

and you will get next to both

Ninak

Jan 3, 2010 06:50 PM

Hi Juggledad,
Larry made me rethink the whole process of what I did and of course it was simple to make the adjustments that I needed. I removed the sidebars as they were making my page layout width rather than using the fixed layout width in itself.

Problem solved thank you for your help.

All times are GMT -6. The time now is 05:27 AM.