Title and image of article

Title and image of article is not better for World News II.

See attachment here:

wnii.jpg

Title small a bit character and thumb image of article to click full image. This is better.

Hi

To resize the title You can use this code:

Code: Select all

#gkComponent > div > h1, #gkComponent > div > h2, #gkComponent > div > h1 a, #gkComponent > div > h2 a {
    font-size: 36px;
    line-height: 42px;
}


For image I think You need to use some kind of plugin for this. Unfortunately do not know any.

Hi

To resize the title You can use this code:

Code: Select all

#gkComponent > div > h1, #gkComponent > div > h2, #gkComponent > div > h1 a, #gkComponent > div > h2 a {
    font-size: 36px;
    line-height: 42px;
}


For image I think You need to use some kind of plugin for this. Unfortunately do not know any.

Where I add this code?

Hi

Any css changes should be stored in override.css file. Just remember that this file needst to be enabled in template settings.

Hi

Any css changes should be stored in override.css file. Just remember that this file needst to be enabled in template settings.

I did add ovveride.css file but title of article is still large font. How?

Finally I found a file it is joomla.css and resolved it! Thank you yet

PS:
Resolved thumb image for article too.

At the moment, I want to change font for title of article. How?

I found a code for changing font. Thank you yet.

Hi

Great You make it working, but You should keep all modifications as override in override.css to avoid problems during template update. Please make sure override is enabled in template settings and if cache was cleared after this change.

Hi

Great You make it working, but You should keep all modifications as override in override.css to avoid problems during template update. Please make sure override is enabled in template settings and if cache was cleared after this change.

I did add these codes for override, right?

Code: Select all

#gkComponent > div > h1,#gkComponent > section > header> h1,#gkComponent > div > h2,#gkComponent > section > header> h2,#gkComponent > div > h1 a,#gkComponent > section > header> h2 a,#gkComponent > div > h2 a, #gkComponent > section > header> h2 a {
   font-family: Cambria;
   font-size: 21px;
   line-height: 26px;
   margin-bottom: 0;
}

table.weblinks,table.category,.category table,#adminForm table {
   font-family: Cambria
   font-size: 1.1em;
   margin: 10px 10px 20px 0px;
   width: 99%;
}

One thing to you, where does it modify css this content to change font?

See attach here:

csscontent.jpg

Hi

I cannot tell for sure from just an image but I'm gessing it's comming from ".body" selector and is added in template settings in fonts tab.

I found it but if I change font and also topmenu position changed. I not want to change position font topmenu if I change a font content.

Hi

You can always change just component text using this css:

Code: Select all

#gkComponent {
font-family: Arial, sans-serif;
}


That's great! I am glad you help me. Thank you

Hi

No problem. Just rememebr to show me directly what to change, next time. It's easy with firebug to locate code and file to change, but I need to know what You want