Troubling Linking Header with Arjuna-X Theme

Where exactly is your image on the server? You will need to edit your theme’s stylesheet (style.css) to add the image to your header.

i uploaded it into my hosting account under ‘header’ with the other default options.

images/header. I use go-daddy.

i tried adding these custom codes in as well to prompt the banner, but had no success

[CSS moderated as per the Forum Rules.]

Sorry – that still doesn’t tell me where you uploaded the image to. Is images/header in your current theme’s folder? Is it somewhere else on your site?

I uploaded it into this folder: html/wp-content/themes/arjuna-x/images/header and titled it ‘banner.jpg’

Do I need htaccess? I remember having it before my refresh and my banner worked fine. I don’t remember how I went about getting it though.

Edit style.css and change:

.header {
background:#fff;
margin:0 10px;
position:relative;
z-index:2;
}

to:

.header {
background:#fff url(images/header/banner.jpg) no-repeat;
margin:0 10px;
position:relative;
z-index:2;
}

Remember to press CTRL and F5 simultaneously when viewing the updated site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

esmi, great tips! it worked. thank you so much.

How do I eliminate that silly little search bar in the top left of my header?

Try editing your theme’s header.php file and deleting:

<div class="headerSearch">
<?php get_search_form();?>
</div>

Excelente, or Excelente in Spanish.
Thanks “esmi”.

J PUNTO

Hello, I’m having troubles with the header change as well. I cant the coder you’ve posted under the style.css

Heres what mine looks like and its nowhere to be found,….
**
* Normalize
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight:normal;
}
ol, ul {
list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: ”;
}
abbr {
border:0;
}

/**
* WordPress Static
*/

.alignleft {
float:left;
text-align:left;
margin-right:10px;
}
.alignright {
float:right;
text-align:right;
margin-left:10px;
}
.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

.wp-caption {
text-align:center;
padding:7px 2px 2px;
}
.wp-caption p.wp-caption-text {
font-size:12px;
line-height:17px;
padding:2px 4px 5px;
margin:0;
color:#555;
font-style:italic;
}
blockquote,
pre {
background:url(./images/blockquote.png) 3px 3px no-repeat;
padding:4px 12px 0 40px;
margin:5px 0;
word-wrap:break-word;
overflow:hidden;
font-style:italic;
}
.more-link,
.more-link:visited,
.more-link:hover {
font-size:11px;
color:#999;
text-decoration:none;
}

/**
* Main design
*/

body {
background:#d9d9d9 url(./images/pageBG.png) repeat-x 0 0;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:13px;
line-height:normal;
}

/* Links */
a, a:visited {
text-decoration:none;
color:#5c7a99;
}
a:hover {
text-decoration:underline;
}

/* Standard buttons */
a.btn,
a.btn:hover {
display:-moz-inline-stack;
display:inline-block;
height:18px;
background:url(./images/icons.png) no-repeat 0 -220px;
color:#5c7a99;
text-decoration:none;
margin:0 0 0 10px;
}
.btn span {
display:block;
height:18px;
margin-left:21px;
background:url(./images/icons.png) no-repeat 100% -60px;
line-height:18px;
font-size:11px;
padding:0 15px 0 8px;
}
a.btn:hover span {
background-position:100% -80px;
}

/* Miscellaneous */
.clear {
display:block;
clear:both;
}

a#skipToPosts {
position:absolute;
top:0;
left:-999em;
}

.pageContainer {
text-align:left;
width:980px;
margin:0 auto;
position:relative;
overflow:hidden;
z-index:1;
}

.headerBG {
width:1000px;
height:140px;
position:absolute;
top:0;
left:-10px;
background:url(./images/headerBG.png) no-repeat 0 0;
}
.header {
position:relative;
z-index:2;
margin:0 10px;
}
.headerMain {
position:relative;
}
.headerMain h1 {
position:absolute;
left:50px;
top:10px;
color:#36414d;
font-size:40px;
font-family:”Times New Roman”, Times, serif;
}
.headerMain h1 a,
.headerMain h1 a:visited,
.headerMain h1 a:hover {
color:#36414d;
font-size:40px;
font-family:”Times New Roman”, Times, serif;
text-decoration:none;
}
.headerMain span {
position:absolute;
left:52px;
top:53px;
color:#666;
font-size:14px;
font-family:”Times New Roman”, Times, serif;
}

/*
* Header Versions
*/
.header_lightBlue {
height:89px;
background:url(./images/header/lightBlue.jpg) no-repeat 0 0;
}

.header_darkBlue {
height:89px;
background:url(./images/header/darkBlue.jpg) no-repeat 0 0;
}
.header_darkBlue h1,
.header_darkBlue h1 a,
.header_darkBlue h1 a:visited,
.header_darkBlue h1 a:hover {
color:#0f2033;
}
.header_darkBlue span {
color:#4d4d4d;
}

.header_khaki {
height:89px;
background:url(./images/header/khaki.jpg) no-repeat 0 0;
}
.header_khaki h1,
.header_khaki h1 a,
.header_khaki h1 a:visited,
.header_khaki h1 a:hover {
color:#4d2d16;
}
.header_khaki span {
color:#5f4e3a;
}

.header_seaGreen {
height:89px;
background:url(./images/header/seaGreen.jpg) no-repeat 0 0;
}
.header_seaGreen h1,
.header_seaGreen h1 a,
.header_seaGreen h1 a:visited,
.header_seaGreen h1 a:hover {
color:#003330;
}
.header_seaGreen span {
color:#33504e;
}

.headerSearch {
width:200px;
height:25px;
position:absolute;
bottom:0;
right:1px;
background:url(./images/headerSearch.png) no-repeat 0 0;
}
.headerMain .searchQuery {
display:block;
float:left;
padding:6px 5px 5px 10px;
width:157px;
height:14px;
font-size:11px;
border:0;
color:#333;
background:none;
}
.headerMain .searchQueryIA {
color:#888b8d;
font-style:italic;
}
.headerMain .searchButton {
display:block;
float:left;
margin-left:3px;
width:25px;
height:25px;
padding:0;
border:0;
background:none;
text-indent:-1000px;
cursor:pointer;
}

/* When the option to disable header menu 1 is set */
/*.hideHeaderMenu1 .headerBG {
height:113px;
background-position:0 -27px;
}
*/

/* Content Wrapper */
.contentWrapper {
min-height:350px;
padding:20px;
}

.headerMenu1 {
z-index:3;
position:relative;
min-height:25px;
background:url(./images/headerMenu1.png) no-repeat 0 bottom;
}
.headerMenu1 ul {
float:right;
margin:0 20px;
}
.headerMenu1L ul {
float:left;
}
.headerMenu1 ul li {
float:left;
height:24px;
position:relative;
z-index:1;
}
.headerMenu1 li a,
.headerMenu1 li a:visited {
display:block;
height:24px;
line-height:24px;
color:#a6a6a6;
font-size:11px;
text-decoration:none;
padding:0 8px;
}
.headerMenu1 li a:hover {
color:#bfbfbf;
text-decoration:none;
}
.headerMenu1 ul ul {
position:absolute;
top:24px;
right:0;
display:none;
background-color:#dbdddd;
border:1px solid #000;
margin:0;
z-index:1;
}
.headerMenu1L ul ul {
right:auto;
left:0;
}
.headerMenu1 li li {
float:none;
width:180px;
height:auto;
}
.headerMenu1 li li a,
.headerMenu1 li li a:visited {
height:auto;
line-height:20px;
padding:0 8px;
width:164px;
position:relative;
color:#333;
}
.headerMenu1 li li a:hover {
background:#cacccc;
padding:0 8px;
color:#333;
}
.headerMenu1 li:hover ul,
.headerMenu1 li.jHover ul {
display:block;
}
.headerMenu1 ul ul ul,
.headerMenu1 li:hover ul ul,
.headerMenu1 li.jHover ul ul {
display:none;
top:3px;
right:175px;
}
.headerMenu1L ul ul ul,
.headerMenu1L li:hover ul ul,
.headerMenu1L li.jHover ul ul {
right:auto;
left:175px;
}
.headerMenu1 li li:hover ul,
.headerMenu1 li li.jHover ul {
display:block;
}

.headerMenu2 {
position:relative;
z-index:2;
background:url(./images/headerMenu2.png) no-repeat 0 0;
}
.headerMenu2 ul {
margin:0 20px;
height:26px;
}
.headerMenu2DS ul {
padding-left:2px;
background:url(./images/headerMenu2.png) no-repeat -958px -120px;
}
.headerMenu2 li {
float:left;
height:26px;
position:relative;
z-index:1;
}
.headerMenu2DS li {
background:url(./images/headerMenu2.png) no-repeat right -120px;
padding-right:2px;
}
.headerMenu2 li a,
.headerMenu2 li a:visited {
display:block;
line-height:26px;
height:26px;
color:#fff;
font-size:12px;
text-decoration:none;
padding:0 8px;
}
.headerMenu2 li a:hover {
background:url(./images/headerMenu2.png) no-repeat -25px -60px;
color:#ddd;
text-decoration:none;
}
.headerMenu2 ul ul {
position:absolute;
top:25px;
left:0;
display:none;
background:#dbdddd;
border:1px solid #000;
margin:0;
z-index:1;
height:auto;
padding:0;
}
.headerMenu2 li li {
float:none;
width:180px;
height:auto;
background:none;
padding-right:0;
}
.headerMenu2 li li a,
.headerMenu2 li li a:visited {
height:auto;
line-height:20px;
padding:0 8px;
width:164px;
position:relative;
color:#333;
}
.headerMenu2 li li a:hover {
background:#cacccc;
color:#333;
}
.headerMenu2 li:hover ul,
.headerMenu2 li.jHover ul {
display:block;
}
.headerMenu2 ul ul ul,
.headerMenu2 li:hover ul ul,
.headerMenu2 li.jHover ul ul {
top:3px;
display:none;
left:175px;
}
.headerMenu2 li li:hover ul,
.headerMenu2 li li.jHover ul {
display:block;
}

.headerMenu2 li a.homeIcon,
.headerMenu2 li a.homeIcon:visited {
background:url(./images/headerMenu2.png) no-repeat 0 -120px;
padding-left:26px;
}
.headerMenu2 li a.homeIcon:hover {
background:url(./images/headerMenu2.png) no-repeat 0 -60px;
}

h3.contentHeader {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
border-bottom:1px solid #8c8c8c;
padding-bottom:4px;
text-align:center;
margin:10px 0 40px;
}
h3.contentHeader em {
font-style:normal;
font-weight:bold;
}

.postHeader {
}
.postTitle {
font-weight:bold;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
}
.postHeader .postTitle {
background:url(./images/heading.png) no-repeat 0 0;
padding-left:15px;
margin-right:15px;
}
.postHeader .postTitle span {
display:block;
background:url(./images/heading.png) no-repeat right 0;
padding:8px 15px 7px;
margin-right:-15px;
}
.postTitle a,
.postTitle a:visited,
.postTitle a:hover {
text-decoration:none;
color:#000;
}
.postHeader .bottom {
background:url(./images/heading.png) no-repeat 0 -60px;
padding-left:15px;
margin-right:15px;
}
.postHeader .bottom div {
background:url(./images/heading.png) no-repeat right -60px;
padding:0 15px;
margin-right:-15px;
height:22px;
position:relative;
}
.postDate {
display:block;
float:left;
font-size:11px;
color:#555;
line-height:22px;
background:url(./images/heading.png) no-repeat 0 -86px;
padding-left:20px;

Hi Esmi,
I downloaded the Arjuna-X theme and also wanted to change the header to reflect my logo for other sites. Here’s my question. I changed the header, but when I uploaded the header, the wordpress blog title text was still on the header. I need to remove that title. Could you tell me what I need to do to make the changes? The site address is: https://www.teskefineart.com . Thanks for your help. Chris

See next message

I was able to use Photoshop to copy the picture of my wife and I, paste it onto the /images/header/seaGreen.jpg file. Then I renamed the original file in the directory to seaGreen_original.jpg. Copied my new file into the directory and now it’s working.

Jeremy and Anne Leigh’s Blog

However, the picture is really small. Maybe I need a different theme.
Thanks