Hi. I tried to change articles bodies font and it changes global fonts.
templates/ja_orisite/css/template.css
body {
color: #333;
font-family: Arial,Helvetica, sans-serif;
line-height: 1.6;
}
For example if I set Times New Roman if effects on all text. I need only articles and k2-items to change.
Can please anybody help with that?
I triead to go throught this thread. Though want to hear an advice. In case there is any simple decision.:)
Where I have to add this like code to get article’s body font changed?
.column p {
font-family: Georgia,serif;
font-size: 1.5em;
line-height: 1.5em;
}
You could try out as below
– Open file template.css
– Find
.ja-content-main {
margin-bottom: 0;
padding: 20px 0;
}
and replace to
.ja-content-main {
margin-bottom: 0;
padding: 20px 0;
font-family: Georgia,serif;
}
Hope that can help you!
Regards,</blockquote>
Thank you, HeR0 it helped! 🙂
How do you think it is possible to set independent font-size for Heading and main-content block?
And how to separate Joomla content and K2. Cause when used the code above K2 items font became much smaller than Joomla’s.
P.S.
Also it has effected to content-mass-top Latest news.
Pls advice how to change only Joomla and K2 items font and font-size.
Its high time for you to learn about using Firebug, you can isolate the div classes for specific modules and blocks and update the font sizes / families in the css.
For example : we applied the changes to specific div above
.ja-content-main {
You can use firebug to isolate the divs you want to update and apply your customization for the same.
Hi, on this test subdomain content-mass-top module’s (LATEST and GRATESTS) fonts change as I do ammendments on item’s fonts (body-text).
I have already changed headings fonts and it is okay.:)
As I change body’s font it changes module’s fonts too. :confused:
Since the module and content in your site have same class for headings so it’s applied to both. If you only want to change a special element, you must make sure that it is unique on your site.
Please tell me which part you want to change the font and which part you want to keep it as original
I would like keep every font original except that in articles and items.
When change to div ja-content-main some other module change as you say.
Pls see attached images. I’d like to keep as original
and change only articles in joomla and K2
I have changed div.pagination ul {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px;
display: inline-block;
float: left;
} to keep page listings font
Then changed font for content intro-text for module
.content-intro {
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
When you say same classes does it mean to change a class for the module?
.ja-content-main { margin-bottom: 20px; font-family: Georgia, Times, serif; } If I right here font-size: 1.2em it effect heading
If there’s more easier way to solve pls say. Because I’ve written in template.css font-families three times.
I am not sure this was a right way :-[
Its high time for you to learn about using Firebug, you can isolate the div classes for specific modules and blocks and update the font sizes / families in the css.
For example : we applied the changes to specific div above
.ja-content-main {
You can use firebug to isolate the divs you want to update and apply your customization for the same.
Regards</blockquote>
Thank you HeR0 I already use firebug with css disabled. If you can pls advice how to set a size of font smaller for particular element. So no other fonts on template would be different..
I think that you should do this by yourself. In this case, i only can advise for you how to change as my previous posts, That can help you understand more about your site. Please check out user guide http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides. Hope you understand.
