Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

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


  #1  
Old Jan 3, 2010, 01:08 AM
Ninak
 
8 posts · Dec 2009
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
  #2  
Old Jan 3, 2010, 05:03 AM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 3, 2010, 06:43 AM
Ninak
 
8 posts · Dec 2009
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
Colour just plain ole #ffffff just to see if it works to start off with.
The border 5px.
  #4  
Old Jan 3, 2010, 09:54 AM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you want a border on the header image, add the following to ATO->Add HTML/CSS Inserts->CSS Insert
HTML Code:
CSS Inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 3, 2010, 02:47 PM
Ninak
 
8 posts · Dec 2009
Quote:
Originally Posted by juggledad
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
  #6  
Old Jan 3, 2010, 02:56 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 3, 2010, 04:28 PM
Ninak
 
8 posts · Dec 2009
Hi Larry this made perfect sense and the border has been added.
Thankyou
  #8  
Old Jan 3, 2010, 04:41 PM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 3, 2010 at 04:44 PM.
  #9  
Old Jan 3, 2010, 06:50 PM
Ninak
 
8 posts · Dec 2009
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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Add a text under the header image bg74blogger Header configuration & styling 4 Apr 3, 2011 08:22 PM
Add Cell Spacing or Border to Main Table maxhugen Header configuration & styling 1 Dec 2, 2009 01:55 PM
[SOLVED] How to add border in the pages? hatsunemiku Page & Category Menu Bars 4 Oct 28, 2009 03:20 PM
How do I add spacing (padding?) between the horizontal bars and header image? ftkeeper Header configuration & styling 0 May 16, 2009 11:41 PM
how to add border to sidebar images? Riin Sidebars & Widgets 3 May 16, 2009 12:19 PM


All times are GMT -6. The time now is 09:43 PM.


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