Catagory help? Anyway to space out the category text, and shrink the text?

[simpson7647]

hi all, im after a little bit of help.
I'm looking to space out the category text as its all bunched up and how do i shrink the text?

many thanks and i look forward to your reply.

ryan

[D-O-M]

look at source of page, find IDs and classes of categories list and edit them in css file loaded by page in header

[simpson7647]

hmm i'm lost, source page??

Sorry and thank you for the input

[D-O-M]

uh, i edited my post in bad topic, answer was right-mouse click somewhere in page, select "View page source" or something like that, search for code related to things you want to change then go in directory of your template and edit your css file

[simpson7647]

waits for the answer (Y)

[razaro]

Do you mean category names in category block ?

Then change in global.css (line 1254)

div#categories_block_left ul.tree li {
background:none repeat scroll 0 0 transparent;
border:medium none;
font-size:12px;
font-weight:bold;
line-height:12px;
margin-left:0;
margin-top:1px;
padding-left:12px;
}

to

div#categories_block_left ul.tree li {
background:none repeat scroll 0 0 transparent;
border:medium none;
font-size:11px;
font-weight:bold;
line-height:12px;
margin:12px 0;
padding:6px 0 6px 12px;
}

Or try some other values for margin and padding.

[simpson7647]

Im looking to add a little bit of a gap between the different catagory names.

thanks

[simpson7647]

where do i find category name/category block as i cant find either :/

thanks

Do you mean category names in category block ?

Then change in global.css (line 1254)

div#categories_block_left ul.tree li {
background:none repeat scroll 0 0 transparent;
border:medium none;
font-size:12px;
font-weight:bold;
line-height:12px;
margin-left:0;
margin-top:1px;
padding-left:12px;
}

to

div#categories_block_left ul.tree li {
background:none repeat scroll 0 0 transparent;
border:medium none;
font-size:11px;
font-weight:bold;
line-height:12px;
margin:12px 0;
padding:6px 0 6px 12px;
}

Or try some other values for margin and padding.

[D-O-M]

now this is right time looking for someone who will do it for you

[simpson7647]

found it and spaced it out abit so thankyou for your help.

Anyway i can put a line between each catagory title just so they can be read easily etc.

thanks

[simpson7647]

found it and spaced it out abit so thankyou for your help.

Anyway i can put a line between each catagory title just so they can be read easily etc.

thanks

anyone?

thanks

[razaro]

You can add bottom border to list element

div#categories_block_left ul.tree li {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #E6E6E6;
font-weight:bold;
line-height:22px;
margin-top:1px;
padding-left:12px;
}

at global.css (line 1254)


Also small fixes in following code

div.block h4 {
background:url("../img/block_header.gif") no-repeat scroll left top transparent;
color:#787878;
font-family:Helvetica,Sans-Serif;
font-size:12px;
font-weight:bold;
height:22px;
line-height:1.3em;
margin-bottom:0;
padding-left:27px;
padding-top:6px;
text-transform:uppercase;
}

added margin-bottom:0 at global.css (line 920)

#informations_block_left .block_content {
margin-top:0;
padding-top:10px;
}

at global.css (line 1184)

[simpson7647]

thankyou, ill give it all a go