Public Forums 71,145 posts

[rangkuk Friend rangkukJoin date: May 2007Posts: 33Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#160455

I want to use css to change the font size, font color when clicked, or when the mouse.
because my little menu item so I want the menu is aligned between the output and not want it located to the right hand side and a residual gap between

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#377526

1) You can change this::

ul.level0 li.mega a.mega {mega.css (line 36)
border-left: 1px solid #666666;
border-right: 1px solid #333333;
color: #CCCCCC;
display: block;
font-weight: bold;
line-height: normal;
margin: 0;
padding: 8px 15px;
text-decoration: none;
}

to

ul.level0 li.mega a.mega {mega.css (line 36)
border-left: 1px solid #666666;
border-right: 1px solid #333333;
color: #CCCCCC;
display: block;
font-size: 16px;
font-weight: bold;
line-height: normal;
margin: 0;
padding: 8px 15px;
text-decoration: none;
}

and adjust font-size value accordingly

2) Change this::

ul.level0 {mega.css (line 21)
border-right: 1px solid #666666;
float: left;
margin: 0;
padding: 0;
}

to

ul.level0 {mega.css (line 21)
border-right: 1px solid #666666;
float: none;
margin: 0 auto;
padding: 0;
width: 400px;
}

and adjust width value in accordance with no. of menu items placed

[rangkuk Friend rangkukJoin date: May 2007Posts: 33Downloads:0Uploads:13 Thanks: 7 Thanked: 1 times in 1 posts]

#377534

thanks mod, after change this site show

this is picture

and when i change

ul.level0 {mega.css (line 21)
border-right: 1px solid #666666;
float: none;
margin: 0 auto;
padding: 0;
width: 650px;
}

it ok

---

Attachments:

1. 

[mejiama Friend mejiamaJoin date: June 2010Posts: 9Downloads:0Uploads:0]

#381088

Hi Aman,

I’d love to be able to use a font similar or the same as the CNN font in my Teline III template at http://www.herbcyclopedia.com how can I change it and where are the files to do that if possible?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#381192

<em>@mejiama 227335 wrote:</em><blockquote>Hi Aman,

I’d love to be able to use a font similar or the same as the CNN font in my Teline III template at http://www.herbcyclopedia.com how can I change it and where are the files to do that if possible?</blockquote>

HI mejiama,

It would be suggested to please post this in template specific forum::

http://www.joomlart.com/forums/forum/ja-teline-ii/

[hainn Friend hainnJoin date: February 2011Posts: 43Downloads:0Uploads:0 Thanked: 5 times in 5 posts]

#381236

<em>@mejiama 227335 wrote:</em><blockquote>Hi Aman,

I’d love to be able to use a font similar or the same as the CNN font in my Teline III template at http://www.herbcyclopedia.com how can I change it and where are the files to do that if possible?</blockquote>

You can come file templates/ja_teline_iii/css/template.css and edit style of
#ja-mainnav .main
with the value of
font-family
you prefer.

Note: font of CNN menu is
font-family: Arial,Helvetica,Utkal,sans-serif; font-weight: bold; text-transform: none;

Hope that it can help you,

Regards,

[mejiama Friend mejiamaJoin date: June 2010Posts: 9Downloads:0Uploads:0]

#381316

<em>@hainn 227528 wrote:</em><blockquote>You can come file templates/ja_teline_iii/css/template.css and edit style of
#ja-mainnav .main
with the value of
font-family
you prefer.

Note: font of CNN menu is
font-family: Arial,Helvetica,Utkal,sans-serif; font-weight: bold; text-transform: none;

Hope that it can help you,

Regards,</blockquote>

It did work perfect for menu font (thanks!) but where can I set a font for text inside the articles in css similar to this one http://edition.cnn.com/2011/WORLD/meast/03/14/iraq.violence/index.html

Thanks in advance!

[hainn Friend hainnJoin date: February 2011Posts: 43Downloads:0Uploads:0 Thanked: 5 times in 5 posts]

#381336

Hi,

To do anything you need width css, I’d like to show you the way here. You need install firebug plugin and you can see any font or other style sheet of any html element. After that, you still use firebug to find out where is the css applied for your element and come to that file to edit.

Regards,

[mejiama Friend mejiamaJoin date: June 2010Posts: 9Downloads:0Uploads:0]

#382230

<em>@hainn 227669 wrote:</em><blockquote>Hi,

To do anything you need width css, I’d like to show you the way here. You need install firebug plugin and you can see any font or other style sheet of any html element. After that, you still use firebug to find out where is the css applied for your element and come to that file to edit.

Regards,</blockquote>

I managed to change it now with firebug, it was quite simple, now the new font displays in the new size and font as cnn, thanks a lot.

[Author]

Posts