Image Titles Support Thread

[maxy007]

Thanks for that,
I know I have go the mod installed but have a sneaking suspicion the current images are a hangover from the template that I've modified.

Cheers,

Maxy

[gjh42]

Are those images what you want the headers to look like? Then you need to find their current names and locations, and copy or move them to the correct new names and location.
Some of them may work well enough over top of the existing template, while some may need the template code reversed in order for the mod code to work. If sidebox files have only title code modified from the stock version, you can just delete those template files and the /template_default/ versions will take over, and the IT code will work on them.

[maxy007]

Thanks for your help Glenn,
I really appreciate your help.

I'll have another look at it later. I think I've read too much and now my brain is mush need to take a break i think :)

Cheers,

maxy

[maxy007]

Hi Glen,
I have no idea what's going on with my site.

I changed web hosts and my site was down for a while. Now it's back up I had to fix up the images for titles as they were still all background images.

Now on some of the headings I've got an image for titles heading AND a background heading. How do i get rid of the background headings?

I have named all images boxhead-cat, boxhead-search etc.

I want all of the sideboxes to use the images for titles mod.

There's also a huge gap between the good to know heading and the e-juice link. How do I change that so e-juice is directly under the heading like the products are under the categories heading?

Also with the good to know heading when I put my mouse over it, alt text is displayed. I don't know what I did with that one but not the others.

There is one reference to goodtoknow.gif and that's in my template_default folder
The stylesheet_headings file has the following info for the good to know heading

#goodtoknowHeading {
background:#9966ff;
color:transparent;
background-image: url(../images/goodtoknowhead.gif);
background-repeat:no-repeat;
background-position:top;
padding-top: 40px;
}

But for all others they are all boxhead-cat etc.

Thanks for reading Glen!!

Cheers,

Maxy

[gjh42]

You have a background image specified for the goodtoknow heading, so of course you are seeing a background image. Remove those from your stylesheet.
The alt text is for accessibility, so that anyone using your site without images (e.g. a visually impaired person) can still know what the heading is for. This is a standard recommendation for all images used on websites, especially navigation images.

[maxy007]

ok so how do I get rid of the other ones?

[maxy007]

Yayyy!!! I did it!!
I had images in both the images and buttons template!!!

Got rid of them and now I've only of each heading. Still got a formatting problem but will post in the general forum.

Thanks Glen!!

[gjh42]

All but the goodtoknow are still background-images, not Images for Titles images, because you still have background-images specified in your stylesheet(s). Also, if you have a file named boxhead-cat.gif, it will not apply to the sidebox id categories; you need to name it boxhead-categories.gif.

But if you are happy with your headings now, that's ok.

The extra space is a combination of the fact that the heading image has about 10-15 pixels of plain purple below the banner, and the default browser setting that puts a 5px or so margin above and below the <p> that wraps the link in the content.

[maxy007]

Which stylesheet. when there was 2 of each I checked the view source on the page and saw that 2 files had exactly the same names but one was in the button folder. It said that was an image and the other one was in the images folder and that was a background. So I changed the stylesheet to point to buttons instead of images.

should I have left it pointed to buttons? I'm talking about the stylesheet_headings.php file.

told you I was dense!!!

[gjh42]

If you are using IT headings, you don't want any images called in the stylesheets at all. They will be <img> images directly in the HTML. The image files do need to have the correct names - code is picky about things like that: it does what you tell it to do, not what you meant.