Title: WordPress border header
Last modified: August 19, 2016

---

# WordPress border header

 *  [andragel](https://wordpress.org/support/users/andragel/)
 * (@andragel)
 * [15 years, 12 months ago](https://wordpress.org/support/topic/wordpress-border-header/)
 * I’ve tried dozens of time to put this css code on my site ([http://ecullen.org](http://ecullen.org))
   but it doesn’t work,meaning that it apply the border to header,too,and I do not
   want this.What should I do?
 * **[code moderated]**

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [jonimueller](https://wordpress.org/support/users/jonimueller/)
 * (@jonimueller)
 * [15 years, 12 months ago](https://wordpress.org/support/topic/wordpress-border-header/#post-1508757)
 * Good grief, just post the relevant portion of the stylesheet code that you are
   having problems with; better yet, just post a LINK to the site at issue. Most
   of us use developer tools to examine the markup and CSS anyway.
 * I took a look at the site and I don’t understand what the problem is.
 *  Thread Starter [andragel](https://wordpress.org/support/users/andragel/)
 * (@andragel)
 * [15 years, 12 months ago](https://wordpress.org/support/topic/wordpress-border-header/#post-1508838)
 * The problem is this section:
 * > #head img,
   > img {border-top: 2px solid #a19a92;border-bottom: 2px solid #a19a92;border-
   > left: 2px solid #a19a92;border-right: 2px solid #a19a92;text-align: center;
   > background: #202020;padding: 3px;margin: 3px; -moz-border-radius: 5px; -khtml-
   > border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
   > a img {border-top: 2px solid #a19a92;border-bottom: 2px solid #a19a92;border-
   > left: 2px solid #a19a92;border-right: 2px solid #a19a92;text-align: center;
   > background: #202020;padding: 2px;margin: 2px; -moz-border-radius: 5px; -khtml-
   > border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}a:hover
   > img {border-top: 2px solid #a48d62;border-bottom: 2px solid #a48d62;border-
   > left: 2px solid #a48d62;border-right: 2px solid #a48d62;text-align: center;
   > background: #000000;padding: 2px;margin: 2px; -moz-border-radius: 5px; -khtml-
   > border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
 * If I add this code,than it will show a rounded border on photos but also on the
   header,and I do not want that.Any solutions?
 *  Thread Starter [andragel](https://wordpress.org/support/users/andragel/)
 * (@andragel)
 * [15 years, 11 months ago](https://wordpress.org/support/topic/wordpress-border-header/#post-1508957)
 * any ideas?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 11 months ago](https://wordpress.org/support/topic/wordpress-border-header/#post-1508958)
 * You need to start by adding a unique class or id (such as #head) to your header
   image markup. Currently it cannot be distinguished from any other image on your
   pages using CSS. Then you could use something like:
 *     ```
       img {
       	text-align: center;
       	background: #202020;
       	padding: 3px;
       	margin: 3px;
       	border: 2px solid #a19a92;
       	-moz-border-radius: 5px;
       	-khtml-border-radius: 5px;
       	-webkit-border-radius: 5px;
       	border-radius: 5px;
          }
       a img {
           text-align: center;
           background: #202020;
           padding: 2px;
           margin: 2px;
           border: 2px solid #a19a92;
           -moz-border-radius: 5px;
           -khtml-border-radius: 5px;
           -webkit-border-radius: 5px;
           border-radius: 5px;
       }
       a:hover img {
       	background: #000;
       	border-color:a48d62;
       }
       #head, a #head {
       	border:none;
       }
       ```
   
 *  Thread Starter [andragel](https://wordpress.org/support/users/andragel/)
 * (@andragel)
 * [15 years, 11 months ago](https://wordpress.org/support/topic/wordpress-border-header/#post-1508995)
 * I’ve added this:
 * > <img id=”head” title=”header” src=”[http://ecullen.org/wp-content/themes/skinh/ecullenorg.jpg&#8221](http://ecullen.org/wp-content/themes/skinh/ecullenorg.jpg&#8221);
   > alt=”” width=”900″ height=”470″ />
 * And the codeyou suggested and still the same problem

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘WordPress border header’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 5 replies
 * 3 participants
 * Last reply from: [andragel](https://wordpress.org/support/users/andragel/)
 * Last activity: [15 years, 11 months ago](https://wordpress.org/support/topic/wordpress-border-header/#post-1508995)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics