Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Wordpress header

Featured Replies

Ok ive designed and coded my website (only the background images)

 

and now id like to be able to import these designs into wordpress.

 

Ive followed tuts on wordpresscodex.....http://codex.wordpress.org/Designing_Headers

 

but still having problems inputting my header! I dont know which codes to change as I find the codex qutie confusing.

 

Basically my header is located on my desktop (images/heasder.gif) it has a height of 127px and width of 990px.

 

I made a copy of the default theme in wordpress and i use that to try change the header but it wont work for me, any ideas?????

 

cheers :o)

you edit header.php to display what you want, and either input the header.gif as an image or as a background using CSS

  • Author
you edit header.php to display what you want, and either input the header.gif as an image or as a background using CSS

 

I know but i cant get it to work.

  • Author
Why not? It is pretty easy, what code do you have for your header?

 

Inthe default theme

In the header.php i have changed the html to this.....

</head>

<body>

<div id="page">

 

 

<div id="header"> </div>

</div>

<hr />

 

................................................................................

 

heres what i changed in css, (i deleted the headerimg tag)

 

#page {

background-color: white;

border: 1px solid #959596;

text-align: left;

}

 

#header {

background-image: url(images/header.gif);

height: 127px;

width: 990px;

background-repeat: no-repeat;

background-position: center;

}

 

 

#content {

font-size: 1.2em

}

Could you paste your entire header.php file please? It will allow us to help you better.

Also, check to make sure you've got everything in the right directory (i.e. your header image is saved correctly in the images folder of your theme). WordPress is funny about that.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.