X-Cart forums - Category text ignoring padding

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Category text ignoring padding (https://forum.x-cart.com/showthread.php?t=22335)

Category text ignoring padding

Does anyone know why this is happening.

Im trying to format the categories.tpl and have set up some styles along with css to compliment them but whenever the category/subcategory name is long and breaks onto two lines the second line always ignores the padding and goes right to the end??

is this something Im overlooking or has anyone the answer to my prayers?

Need to know exactly how you have it formatted....and an example url would help.

http://www.kitinfo.co.uk/kitwarehouse/home.php?cat=2

above is an example of problem.

have padded the styles 10px on left yet when its long it breaks onto next line.

Is there a way of getting it to line up should it return?

Yes, but what is the exact code you are using in the category menu?

categories.tpl

Code:

{capture name=menu} 

{if $active_modules.Fancy_Categories ne ""} 

{include file="`$fancycategories_config.modules_path`/fancy_categories.tpl"} 

{else} 

{if $config.General.root_categories eq "Y"} 

{section name=cat_num loop=$categories} 

{if $cat eq $categories[cat_num].categoryid || $current_category.parentid eq $categories[cat_num].categoryid} 

<font color="#FF0000">{$categories[cat_num].category}</font>

 

{else} 

{$categories[cat_num].category}<HR size="1" color="#FFFFFF" noshade class="CatBoxHr">  

{/if} 

{if $cat eq $categories[cat_num].categoryid || $current_category.parentid eq $categories[cat_num].categoryid} 

{section name=subcat loop=$allcategories} 

{if $allcategories[subcat].parentid eq $categories[cat_num].categoryid}{if $cat eq $allcategories[subcat].categoryid}<font color="#FF0000">{/if}{$allcategories[subcat].category}{if $cat eq $allcategories[subcat].categoryid}</font>{/if}

 

{/if} 

{/section} 

<HR size="1" color="#FFFFFF" noshade class="CatBoxHr"> 

{/if} 

{/section} 

{else} 

{section name=cat_num loop=$subcategories} 

<SPAN class="CatBox1">{$subcategories[cat_num].category}</SPAN>

 

{/section} 

{/if} 

{/if} 

{/capture} 

{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }

And which class to you have the padding applied to?

Code:

.CatBoxtext

{

    FONT-SIZE: 15px; 

        COLOR: #ffffff;

        text-align:center; 

        TEXT-DECORATION: none;

        padding-left:10px;

}

Code:

.SubCatBoxtext

{

    FONT-SIZE: 13px; 

        COLOR: #ffffff;

        text-align:center; 

        TEXT-DECORATION: none;

        padding-left:20px;

}