Joomla Templates Club 406,261 posts

[moviefan Friend moviefanJoin date: May 2007Posts: 43Downloads:22Uploads:0]

#120431

I made some minor adjustments to the header, and include text imposed on the header images, and have decided to unpublish the newsflash that is spread across these header images. However, the dark overlay remains, and is making the header image ugly, by preventing the text to be read clearly.

Please see image attached. What part of the CSS code or other files need I edit in order for this overlay not to appear anymore?

Thanks for the help!

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#220757

Hi Moviefan,

You have to edit the template_css.css. Search for this code:


#ja-subhead div.innerpad {
background: url(../images/top-bg-narrow.png) repeat-y top left;
position: absolute;
top: 20%;
right: 0;
padding: 10px 0 15px;
width: 100%;
}

.wide #ja-subhead div.innerpad {
background: url(../images/top-bg.png) repeat-y top left;
}


Replace the code with this:


#ja-subhead div.innerpad {
position: absolute;
top: 20%;
right: 0;
padding: 10px 0 15px;
width: 100%;
}

.wide #ja-subhead div.innerpad {
}


This will do the job for you.

Kind Regards,
Peter

[moviefan Friend moviefanJoin date: May 2007Posts: 43Downloads:22Uploads:0]

#220892

Hi Peter,

sorry for the late reply, would really like to thank you for the help! Much appreciated! 😀

Cheers!
Jed

[maartmo Friend maartmoJoin date: May 2006Posts: 42Downloads:0Uploads:0]

#221590

Hi, I changed this code, and it does work, however, in IE 6 it keep showing up. It’s disaperas in IE 7 and FF. Is there something else i should do to make it disapear in IE 6 ?

[moviefan Friend moviefanJoin date: May 2007Posts: 43Downloads:22Uploads:0]

#221598

Hi,

Sorry been doing sites atm, I just got here, I was supposed to add some other modification as I encountered the same problem even though I revised the CSS already.

The two images that are used as sort of over-lay for the text used in the newsfeeds need to be revised too, these are:

top-bg
top-bg-narrow

Both have the dark overlay and if you do not change it using fireworks, the same dark shading will continue to appear.

[maartmo Friend maartmoJoin date: May 2006Posts: 42Downloads:0Uploads:0]

#221602

Ok. Thnx for your reply. Wouldn’t renaming the files be enough ?

[moviefan Friend moviefanJoin date: May 2007Posts: 43Downloads:22Uploads:0]

#221603

That would seem another solution, an easier one even! I’ll try that too!

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#223200

maartmo;17477Hi, I changed this code, and it does work, however, in IE 6 it keep showing up. It’s disaperas in IE 7 and FF. Is there something else i should do to make it disapear in IE 6 ?

Change:


#ja-subhead div.innerpad {
background: url(../images/top-bg-narrow.png) repeat-y top left;
position: absolute;
top: 20%;
right: 0;
padding: 10px 0 15px;
width: 100%;
}

.wide #ja-subhead div.innerpad {
background: url(../images/top-bg.png) repeat-y top left;
}


To:


#ja-subhead div.innerpad {
position: absolute;
top: 20%;
right: 0;
padding: 10px 0 15px;
width: 100%;
background-image: none;
background-repeat: repeat-y;
background-position: left top;
}
.wide #ja-subhead div.innerpad {
background-image: none;
background-repeat: repeat-y;
background-position: left top;
}


That will fix it.

[Author]

Posts