Public Forums 71,145 posts

[jwakeman Friend jwakemanJoin date: February 2011Posts: 2Downloads:0Uploads:0 Thanks: 2]

#162920

Hi, In my site (http://staging.webster-city.k12.ia.us) I have a png called headerhex.png that repeats to create a header bar of small hexagons. I’m able to repeat it for most of the header, except from the logo to headermask.

Any suggestions? My logo is a PNG with transparent background.

Joe

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#386955

Hi

Your template has the following styling. It seems to me that it’s an inline styling.
<blockquote>#ja-header .main {
background: url(“http://staging.webster-city.k12.ia.us/templates/ja_purity_ii/images/header/header5.jpg”) no-repeat scroll right top #333333;
}</blockquote>

Remove #333333 from the styling to achieve what you need.

[jwakeman Friend jwakemanJoin date: February 2011Posts: 2Downloads:0Uploads:0 Thanks: 2]

#386972

Code isn’t there… here is the code from my template.css:

/* HEADER
——————————————————— */
#ja-header {
background: url(../images/headerhex.png) repeat left top;
position: relative;
}

#ja-header .main {
background: url(../images/header3.jpg) no-repeat right top;
height: 79px;
padding: 0;
}

#ja-header .main .main-inner1{
background: url(../images/header-mask.png) no-repeat right top;
margin-left: 0px;
margin-right: 0px;

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#387018

<em>@jwakeman 234965 wrote:</em><blockquote>
#ja-header .main {
background: url(../images/header3.jpg) no-repeat right top;
height: 79px;
padding: 0;
}
</blockquote>

change background to <blockquote>background:url(“../images/header/header1.jpg”) no-repeat right top !important;</blockquote>

1 user says Thank You to himangi for this useful post

1. jwakeman

[Author]

Posts