[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 |
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 |
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. |
if you want a border on the header image, add the following to ATO->Add HTML/CSS Inserts->CSS Insert
HTML Code:
CSS Inserts |
Quote:
|
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.
|
Hi Larry this made perfect sense and the border has been added.
Thankyou |
Sorry my cut and paste failed here it is
HTML Code:
div#imagecontainer { HTML Code:
border-right: solid 5px red; |
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 09:21 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.