my site uses a core template and multiple templates. I did not set it up it was done by daniel ecer.

the css of the page/template i want the hover to appear is

div.title-site h1 {

background: url(../images/title.gif) no-repeat;

width: 335px;

height: 30px;

}



div.title-site h1 span {

display: none;

}



div.title-site h1 a {

display: block;

width: 100%;

height: 100%;

}





this is the template html

<?php







global $cur_template, $mosConfig_absolute_path, $mosConfig_live_site;







require_once($mosConfig_absolute_path.'/templates/sandbox_shared/sandbox_template.class.php');







$template =& SandboxTemplate::getInstance();



$template->setShortcutIcon('templates/'.$cur_template.'/images/favicon.ico');



$template->addStyleSheet('templates/'.$cur_template.'/css/template_css.css');



$template->addStyleSheet('templates/'.$cur_template.'/topnav/css/menu.css');



$template->setHeaderFlash('flash/playground_onload.swf', 166, 117);



$template->setHeaderTitle('Sandbox Education');



$template->setHomeUrl($mosConfig_live_site);







$variation = intval(mosGetParam($_REQUEST, 'variation', 0));



if (($variation > 0) && (file_exists($mosConfig_absolute_path.'/templates/'.$cur_template.'/css/variation'.$variation.'.css'))) {



$template->addStyleSheet('templates/'.$cur_template.'/css/variation'.$variation.'.css');



}







$template->show();



?>



thanks!



I am clueless as to where to put it and when I saw the module I thought it was really beautiful piece of work!



thanks



div.header-buttons-site a.sitemap-site {

display: block;

background: url(../images/sitemap.gif) no-repeat;

width: 18px;

height: 16px;

}



div.header-buttons-site a.sitemap-site span {

display: none;

}



.main-area-site ul {

}



.main-area-site ul li {

line-height: 15px;

}



.main-area-site ul li div.title {

height: 15px;

}



ul {

list-style: none;

margin: 0;

padding: 0;

}



ul li {

min-height: 15px;

margin: 0;

padding-left: 15px;

padding-top: 0px;

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

background-repeat: no-repeat;

background-position: 0px 2px;

}



ul li li {

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

}



ul li li li {

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

}



ul li li li li {

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

}





body {

background: url(../images/back.gif) repeat center center;

/* background-position: 50px top; */

}



.footer-site a:hover {

color: #EF348C;

}



a:link, a:visited, a:hover {

color: #EF348C;

}



/* ====================================================================

MAMBO CLASSES

These are largely the standard Mambo classes...

==================================================================== */



a.fase4rdf:link, a.fase4rdf:hover {

color: #404040;

}





a.pathway, a.pathway:link, a.pathway:visited, span.pathway {

color: #404040;

}



a.pathway:hover {

color: #EF348C;

}



/* styling for the pdf/email/print icons */

a.readon:hover {

color: #EF348C;

}



a.toclink:hover,a.toclink:visited,a.toclink:link {



}





table.contenttoc {

border: 1px solid #EF348C;

}







/** category text format and links **/



.componentheading {

color: #EF348C;

}





/* Search Text */ /* Contact Component */ /* Content voting */



.contentheading {

color: #EF348C;

}





.icons a:hover {

color: #EF348C;

}



.inputbox {

border: 1px solid #EF348C;

}





/* Module corners */



div.module {

background: url(../images/module_bottom_left.gif) bottom left no-repeat;

}



div.module div {

background: url(../images/module_bottom_right.gif) bottom right no-repeat;

}



div.module div div {

background: url(../images/module_top_left.gif) top left no-repeat;

}



div.module div div div {

background: url(../images/module_top_right.gif) top right no-repeat;

}



div.module div div div div {

background: none;

}

div.middle-header-site {

margin-top: 4px;

border-left: 1px dotted #EF348C;

border-top: 1px dotted #EF348C;

border-right: 1px dotted #EF348C;

}

div.middle-main-site {

border-left: 1px dotted #EF348C;

border-bottom: 1px dotted #EF348C;

border-right: 1px dotted #EF348C;

}



the question is where do I put the css code you include in the bqck end as this page has no header....<br><br>Post edited by: sandbox, at: 2007/06/18 21:29

Hi Sandbox,



You need to put the css in each template_css file that will be displaying the gallery. So I would just add it to the bottom of that file after







Cheers Anthony

Hello!



I worked out to put the CSS in the zip into the CSS of one of the templates. I added at the top of the page. Do I need to move it?



However, nothing seems to make sense or work!



I do not have a position small right in my template?



If I change the image directory to the subdirectory images/stories/curriculum blocks

it takes away the sample images and just shows thin lines? Even images/stories/curriculum blocks/ does the same thing.



see sandboxeducation.co.uk/index.php?option=com_content&amp;task=view&amp;id=163&amp;Itemid=151

no images appear



I have a news flash css that makes a module with no border like on my home page

sandboxeducation.co.uk/index.php?option=com_frontpage&amp;Itemid=1



but when I use that I loose all the spacing between the sample images...



can you help fix it?

The paths for the images look ok so are the images actually in that directory?



The css is best placed at the bottom of the file. There shouldn't be any conflicts here but its safest to do this.



here is the css from the css file for the small thumbs:







To use this just place the text small_thumbs in the relative position box in the backend. It should work after that.

Hello



I double checked by FTP and by Joomexplorer the images are in this directory

/public_html/images/stories/curriculum blocks/ ) I even tried adding in the public_html but it made no difference. These images are gifs but I tried it with another route with

/public_html/images/stories/fruit/ which had jpg but it still did not work.







I do not know where the relative position box is in the back end. I tried searching the Joomla help file to locate information about it but came up with nothing. My template has the following positions.



search

user4

top nav

top

left

right

newsflash

footer

validation



Thanks



i would be happy tp let you into the backend to take a look as I am stuck with this!

Sure I would be happy to look in the admin ...



The image directory is only relative to your site root so all you need to do is put in images/stories/ to find images in the stories folder.



The relative position is a field in the hover box module ...



Just email me at design@joomlabamboo.com with the login details and Ill check it out for you.



Cheers Anthony.

Sure I would be happy to look in the admin ...



The image directory is only relative to your site root so all you need to do is put in images/stories/ to find images in the stories folder.



The relative position is a field in the hover box module ...



Just email me at design@joomlabamboo.com with the login details and Ill check it out for you.



Cheers Anthony.