How to change the default font size of the titles in the articles?

Hi all,

i'm trying to change the font size of the titles as they appear too big compared to the rest of the content but i can't find the sourse i have to change. Couldn't find it in the template.css nor in the style2.css (which i use).Can somebody help me? I'm also trying to change the size of the main menu but when i change the size through the administrator template manager nothing changes - neither size of neither font...

Thanks

Firstly enable Joomla Administration > Extension > Template Manager > Select TWN2 Template

On the right select Advanced Features and enable CSS Override option to "ON".

Then edit

Code: Select all

templatesgk_twn2cssoverride.css


For Main Menu Font Size add below code and change 18px to your required size:

Code: Select all

/* Changes Main Menu Font Size */
div.gk-menu > ul.level0 > li > a > span.menu-title {
    display: block;
    font-size: 18px
}


For article Titles Add below Code and change 30px to your required size original size is 48px

Code: Select all

/* Changes K2 Article Title Font Size When in Item View */
.itemHeader .itemTitle {
    color: #1A1A1A;
    font-size: 30px;
    line-height: 100%;
    margin: 0 0 5px;
    padding: 0;
}
/* Changes Joomla Article Title Font Size When in Item View */
#gkComponent > div > h2 a {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0;
}


Hello NormanUK.

i just follow your solution to this problem but i still cant change the font size of the titles in the main body.

for the menu everything went well but it doesn't work with the titles.

any ideas?

Ps my website is in Greek but i don't think that is a problem with the fonts

Can you post a url so i can look ...

because its in working progress now it is offline but you can see it from the attachments.

ps i dont use k2

Css code was for when viewing items in sub categories and it seems you want to change frontpage items title as i can see from the screenshot.

In Firefox can you please right click on empty part of your frontpage and choose " View Page Source ", you will get new window with source code.

Search for the news title which is in greek so you can find the code around it and post it here so we can see which class it uses. So if you post around 10 lines it should be sufficient.

Code: Select all

</style>
<div class="contentpaneopen">

<div class="itemToolbar">

<h2 class="contentheading">

      <span>
      <a href="/news/thesprotia/6908-2011-09-23-13-00-50.html" class="contentpagetitle">Σύλλογος εκπαιδευτικών π.ε. θεσ/τίας: Αρνούμαστε να πληρώσουμε τα χαράτσια γιατί πλέον δεν μπορούμε</a>
   </span>
   </h2>

Try adding below code and change the font-size and height down.

Code: Select all

.contentheading {
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 0;
}


Great NormanUK

thank you very much for your time.

No problem glad it worked : )

hi there, i have this problem too , but this code that u have posted .contentheading {
font-size: 48px;
line-height: 72px;
margin-bottom: 0;
}

i put it in overide.css but it doesnt work or where should i apply cuz i want smaller Article title
thanks.


i use joomla 1.7 the world news 2

hi there, i have this problem too , but this code that u have posted .contentheading {
font-size: 48px;
line-height: 72px;
margin-bottom: 0;
}

i put it in overide.css but it doesnt work or where should i apply cuz i want smaller Article title
thanks.


i use joomla 1.7 the world news 2

Joomla 1.5 and 1.7 uses different class. If you can be more specific on which page or article type you want to change the font size.

You can use sample links from demo website if you like...

i want to change a article title just like this.. in joomla categories i mean just like this... and in k2 if it has seperate command.

http://demo.gavick.com/joomla15/jul2011 ... =39:africa

Thanks

and something more please somebody , i realized that when i looked view sources in browser i find this and somebody to teach me how to remove this lines or how to change without demaging template?

<meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
<title>Lajme</title>
<link href="/shekulli/index.php/lajme?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/shekulli/index.php/lajme?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="http://shekulli/templates/gk_twn2/images/favicon.ico" rel="shortcut icon"

in this view source is the joomla 1.7 telling that this is joomla something that i dont like to be seen and more important that i dont like others to see is name of the template please somebody help me out?

Thanks.

Mirëmbrëma, Tropojë...

Duhet të ndryshosh "template.css" - këtë mund ta bësh në server ose offline,me një FTP-Program vetëm kujdes nëse nuk ke njohuri të mjaftuëshme me gjuhët ".php, .html"...çdo gabim i vogël në ".css" sjellë deri te mosfunksionimi i faqës më përgjithësi.

Me këtë shkrimin standard që është në Template,(BebasNeue) shkronjat shqipe "Ë,ë, Ç,ç..." nuk mbështetn, sepse ky shkrim që përdorin këta ka vetëm SHKRONJA TË MËDHAJA, por, jo edhe të vogla.

Shkrimi "BebasNeue", edhe nëse e ndryshon ashtu si do ti, ai nuk është i përshtshëm për Gjuhën Shqipe, ti duhet të zgjedhësh një shkrim tjetër nga GoogleFonts, ose FontsSquerril"...

Nëse nuk e zgjedh problemin, më shkruaj në [email protected]

wuaaa qfare lehtesimi wuaaa, shum faliminderit edhe une e kom ve re, mirpo qfare fonti me propozon dhe si ta ndrroi ate qe te jet i bukur si ky por qe e suporton edhe shkronjen ë ?

nqs mundesh mem ndihmu sikurse kam nevoj edhe per shum ndihma te tjera

Më shkruaj në e-mail "[email protected]" sepse këtu duhet të përdoret vetëm Anglishtja...edhepse jam shumë i zënë do të mundohem, kur t'gjej kohë, të të ndihmojë...

i want to change a article title just like this.. in joomla categories i mean just like this... and in k2 if it has seperate command.

http://demo.gavick.com/joomla15/jul2011 ... =39:africa

Thanks

and something more please somebody , i realized that when i looked view sources in browser i find this and somebody to teach me how to remove this lines or how to change without demaging template?

<meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
<title>Lajme</title>
<link href="/shekulli/index.php/lajme?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/shekulli/index.php/lajme?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="http://shekulli/templates/gk_twn2/images/favicon.ico" rel="shortcut icon"

in this view source is the joomla 1.7 telling that this is joomla something that i dont like to be seen and more important that i dont like others to see is name of the template please somebody help me out?

Thanks.

Enable CSS Override from Joomla Admin > Extensions > Template Manager > "gk_twn2- Default " on the right Advanced Features > CSS Override = ON

Edit templatesgk_twn2override.css with a text editor and add below codes.
Change 30px to which ever font size you want to use.

Code: Select all

/* Changes Joomla Article Title Font Size */
.contentheading {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 0;
}
/* Changes K2 Article Title Font Size */
.itemHeader .itemTitle {
    font-size: 30px;
}


its not working my css override is on and this code is working for me for article blog,

.article-meta.blog > h2 {
font-size: 35px;

but this one that you posted i try to change diferent px in fonts but it doesnt work??? any other way? Thank you

do you have a link to your website ?

nope im still in localhost , but if you dont mind i would like to have your email add,? or if you dont like to share i will show you mine and send me mail to contact you time to time i still need your help about fonts and some costumization, thanks i appreciate you helping me...