first template for april month at IndexuTemplates.com

[maulana]

This is first template for april month, it's called HealthLife template.

Its clean and simple template with single sidebar.

live demo template can be view here

The template can be downloaded at indexutemplates.com client area.

thanks.

[FSGDAG]

Nice job maulana!!! I like it alot

[Dr. Jekyll]

Very nice work

[maulana]

Thank you

[weswa]

Hi Maulana,

I bought your Healthlife template and it is very nice. However, I am facing some problems with it; Could you tell me how and where I can change the width of the category columns at the top of the homepage?

Also the css files are not there (only blocks.css works), when clicking main.css or layout.css in the template manager, I get these errors:
Warning: file_get_contents(/home/inschoon/public_html/themes/HealthLife/layout.css) [function.file-get-contents]: failed to open stream: Bestand of map bestaat niet in /home/inschoon/public_html/admin/template_modify_file.php on line 30

And clicking in the template manager -> custom template ->stylesheets leads to an empty file..

there are main.css and reset.css in a seperate folder /stylesheets, but these are not connectd to the template manager as it seems.

Your advice how and where to edit the template would be very welcome,

thanks and regards,
Wessel

[pungky]

Hi, you need manually edit css files located in stylesheet folder. Open main.css in stylesheet folder then find this line

#container { 

  width: 900px; 

  margin: 0 auto; 

}

change the width as you expected

[weswa]

Hi Pungky,

Thank you for your reply. This will change the total width of the container. The thing I am looking for is how to set the width of the columns with categories within this container; i.e. if the container is 900, how can I have, when using 5 columns, every column use 180pix ?

Now th width of a column seems fixed; if you only use 3 columns for listing categories, the columns are shown at the left and not equally divided over the total width,

If you look at the category list at the top of inSchoonhoven.nl - winkels, bedrijven, producten en diensten in Schoonhoven you see the layout of the columns is very bad, and a category like "Goud en zilversmid (0) " does not fit. Therefor I would like to increase the width of the column. It would be great if you could tell me how to do so.

thanks and regards,

wessel

[FSGDAG]

Pungky will probably be able to answer this best, but I dont think the layout of the categories on the main page will be found inside the template or the CSS. I think for that, a file in /lib might need to be changed.

Wait for Pungky though... He'll know best

[maulana]

Hello wessel,

The category columns generated automatically from indexu system,
if you want to change this, please go to /lib folder and find category.class.php
find Display() function in category.class file

around the 437 and 438 line (in my editor) you will find this code :

           $width = 100 / $this->number_of_columns;
          $category .= "<td width=\"$width" . "%\" valign=\"top\">\n"; 
  

you can try to change this line, please make sure that you are backup the file first.

I have checked your site, the space in front of your category list, i.e Goud en zilversmid (0) category. it's because the default image does not exist in your template images folder.

Please view source the category lists from your browser, then you will find this code:

<img src="http://www.inschoonhoven.nl/themes/HealthLife/images/folder.gif" border="0" alt="" />

where the folder.gif images files does not exist.

if you want to remove the category images, you can also try this way :

open your setting.php file in healthlife template file,
find this line of code :

 $cat_default_image      = $site_url.'/themes/'.$active_theme.'/images/folder.png'; 
  

then comment the line code like this :

 //$cat_default_image      = $site_url.'/themes/'.$active_theme.'/images/folder.png'; 
  

Hope this help.

Thank you.

[weswa]

Hi Maulana,

Thank you for your advice, it looks better now.
Only in FireFox the layout remains not-good, while in IE and Safari it is OK.
Would you have an idea how to make it look OK in FF too?

Thanks and regards,
Wessel

[weswa]

Hi Maulana (or anyone else who knows how to solve this),

In Internet Explorer and Safari the category columns are shown OK as you see on inSchoonhoven.nl - winkels, bedrijven, producten en diensten in Schoonhoven

However, if you go there with FireFox, you see the columns are all pushed to the left. I would very much like to solve this.

Does anyone know how this can be solved?

Thanks and regards,

Wessel

[maulana]

Hello meswa,

I have debug your category structure and i found this code :

<p>
<b>
<a name="cat_24" style="" href="http://www.inschoonhoven.nl/architect/">Architect</a>
</b>
<span/>
</p>

There are miss type span element, maybe that because you have changed this code :

  $number_of_links_format = "<span>(<%\$number_of_links%>)</span>"; 
  

to

$number_of_links_format = "<span></span>"

please use

$number_of_links_format = "<span>&nbsp;</span>"

if you want to remove number of links category instead of your code above .

Thanks.

[weswa]

Hi Maulana,

Thank you for pointing out that error which I corrected like you instructed. Unfortunately it does not solve the category listing problem in FireFox, the categories remain pushed together to the left.

Would you have another idea?

Thanks and regards,
Wessel

[weswa]

Hi Maulana,

Would it be possible for you to take one more look at the problem mentioned in this thread;

In FireFox the categories are all pushed together to the left in the HealthLife template, as you can see on inSchoonhoven.nl - winkels, bedrijven, producten en diensten in Schoonhoven

I would very much like to solve that.

Thanks and regards,
Wessel

[pungky]

Hi Wessel,

Please try this.

open your main.css

find this line

.category-content {
  margin: 10px;
  padding: 0;
  float: left;
  line-height: 18px;
}

then remove float: left;