COMMUNITY FORUM

Font Size and spacing in Category View

Start
Prev
1
Next
End

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94583 by gavin mckew

Font Size and spacing in Category View was created by gavin mckew

I need my category view font size to be smaller and the spacing to be smaller too, as it a bit of mess.

You can see here:

www.lcwc.ac.uk/courses/he?Name=Value

I have the k2 style.css open just don't know which one it relates too.

any other sugesstions would be brilliant.

Thanks

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94584 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

but i don't want the size to affect this page.

www.lcwc.ac.uk/courses/fulltime

its a different cat. as you can see

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94585 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Are you referring to the title "Higher Education Courses" or the item titles on the list below? Which size you want to change?

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94586 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

not the title, the items listed below, they look massive and are to far apart as you can see.

any help would be much appreachiated.

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94587 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Locate h3.catItemTitle in k2.css. The following statement will control the size of the titles on Secondary lists. You should add it somewhere under the generic div.catItemHeader h3.catItemTitle statement.

#itemsListSecondary div.catItemHeader h3.catItemTitle {}

#itemsListSecondary div.catItemHeader h3.catItemTitle a {}

Now, the titles inherit their styles from the generic h3 statement of your template CSS.

Write the style you want to these 2 statements.

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94588 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

do you mean something like this:

div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} #itemsListSecondary div.catItemHeader h3.catItemTitle {} #itemsListSecondary div.catItemHeader h3.catItemTitle a {}

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94589 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Yes. It's fine. Now add the different styling you want to these statements.

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94590 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} #itemsListSecondary div.catItemHeader h3.catItemTitle {color:#999;font-size:10px;} #itemsListSecondary div.catItemHeader h3.catItemTitle a {color:#999;font-size:10px;}

like this? thanks again

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94591 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Yes, exactly. Did you try it?

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94592 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

yeah i have done it, but nothing has changed, any ideas?

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94593 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Do you use k2.css? Do you have it selected form general K2 params?

Do you use K2 template overrides? Is the k2.css maybe in your template css folder?

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94594 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

yeah k2.css is enabled in params, there is no k2.css in my main template folder. I have just been editing the com_k2/css/k2.css file, that is right isnt it? weird.

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94595 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

this is correct right?

div.catItemHeader {}
div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;}
div.catItemHeader h3.catItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
#itemsListSecondary div.catItemHeader h3.catItemTitle {color:#999;font-size:10px;}
#itemsListSecondary div.catItemHeader h3.catItemTitle a {color:#999;font-size:10px;}

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94596 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

brilliant it would seemit has worked.

whats the css code for the spacing?

thank you soooo much !

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94597 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Make a copy of the k2.css located in the component folder and put it in your template css folder. In that case you will ensure that in any future K2 update you won't lose your changes.

For spacing try the line-height, padding or margin.

Please Log in or Create an account to join the conversation.

gavin mckew
Topic Author
Offline
New Member

14 years 2 months ago #94598 by gavin mckew

Replied by gavin mckew on topic Font Size and spacing in Category View

still can't get the spacing right,

wont decrease arghhhhhhh

help

Please Log in or Create an account to join the conversation.

Yiota
Visitor

14 years 2 months ago #94599 by Yiota

Replied by Yiota on topic Font Size and spacing in Category View

Try making the padding:0; to the class you stated in the k2.css.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End