Font Size

hi,

i try to reduce the font size for all k2 articles ...

i searched the forum and i can see this question was asked before ... also added the code to override.css
clear the cache and nothing is happening...

so far i found

Code: Select all

#k2Container {
font-size:14px !important;
}

Code: Select all

#gkContent {
font-size:14px !important;
}

Code: Select all

.blog h2 {font-size: 1.5em!important}
.blog h1 {font-size: 1.8em!important}

none are working for me ...

am i missing something ?

i try to find out the section id with firebug ... i think is

<article id="k2Container" class="itemView">
<header>
<h1>

default size it 38 ... need it 28.

thanks ...

Currently following css codes are taking effect in your articles.

Code: Select all

#k2Container { font-size: 14px!important;}
#gkContent {font-size: 14px !important;}


Because they have "!important" attribute even if you add the code in override.css it will not override above codes. You need to remove "important" attributes from above so you can override them. Currently because you are using cache in css I cannot see which css file has above codes. So if you temporarily disable the cache then we can see that.

You are also adding font size while in editor so your css will not take effect on those as well.

See you around...

hi,

im a bit confused now...

which one of the codes i listed should do the trick ?

btw im not using css chache the one build into the template...

also .. every time i add something to override.css i clear the cache...

here is what i have so far

Code: Select all

/* Here you can include your override CSS styles */
#k2ModuleRelated li h3 {
font-size:14px !important;
}
/* K2 Article Title Font Size */
.itemHeader .itemTitle {
    font-size: !important;
}
/* Joomla Article Title Font Size */
#gkComponent > div > h1, #gkComponent > div > h2, #gkComponent > div > h1 a, #gkComponent > div > h2 a {
    font-size: 18px;
}
#listing h2,
.contentheading {
    font-size: 18px!important;
}
.contentheading {
    font-size: 18px;
}

#k2Container { font-size: 14px;}
#gkContent {font-size: 14px;}

Please do following.

1. Temporarily disable templates cache system.
2. Get rid off in editor styling, such as below in articles or items. Stick to normal css files unless you have to. You can click on html icon or source code depending on which editor you are using.

Code: Select all

<strong style="margin: 0px; padding: 0px; font-family: Arial; font-size: 12px;">
<br style="font-family: Arial; font-size: 12px;">
<span style="font-family: Arial; font-size: 12px;">Plajele si stancile salbatice te vor lasa fara glas, potrivit </span>
<a style="margin: 0px; padding: 0px; color: #355183; outline: none; font-size: 12px; text-decoration: initial; font-family: Arial;" target="_blank" href="http://www.helloonline.com/travel/2013012210828/best-things-to-do-in-scotland/">Hello Online</a>
<span style="font-family: Arial; font-size: 12px;">. In plus, nu uita de monstrul din Loch Ness, care salasluieste in apele din aceste zone.</span>


Above is from following item / article : Ce sa nu ratezi cand vizitezi Scotia

3. Then I can tell you which css to keep or discard in your override.css

See you around...

ok ... done

Simply use below in override.css

Code: Select all

#gkContent {font-size: 12px;}


For your information you are still using <span> in your articles and font sizes defined in articles which is unnecessary. You won't see font size changed unless you delete them.

See you around...

the abowe code is not working ...

i created a new aticle named it " this is a test pot to check font size "

i used the default text editor ... and i didnt add any extra codes ... or anything...

here is the url http://regatulunit.com/generale-2/item/ ... -font-size

also ... i clear the chache in " Maintenance: Clear Cache "

template and joomla chache is disabled and cleared when i check this ...
also my firefox browser cache is cleared

thank you

*UPDATE*
the code does change the font size but not for the k2 article title ...

its for overall content text size..

thanks

Font size 12px is default size, so increase the size and you will see it is working ; )

Following is for the article title.

Code: Select all

article header h1, .category header, article header h2 { font-size: 20px;}


this one works

thanks

No problem at all, see you around...