Joomla Templates Club 406,261 posts

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#138601

Hi I am struggling to change the case of the text in the main links to lowercase and also to change the overstate to green. I went to the green folder and looked at the css, but the text in the main navigation bar doesn’t want to change to lowercase and I am also struugling to change the overstate to white.

If you could please help me with this. Thanks in advance

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#293604

ooweboo;114815Hi I am struggling to change the case of the text in the main links to lowercase and also to change the overstate to green. I went to the green folder and looked at the css, but the text in the main navigation bar doesn’t want to change to lowercase and I am also struggling to change the overstate to white.

If you could please help me with this. Thanks in advance

Generally the css that controls that has a builtin call that forces uppercase
give me a live url so i can track the coding

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#297420

Hi

The site is not live yet, will send you the link as soon as i have published the site. thank you very much

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#297460

ooweboo;119576Hi

The site is not live yet, will send you the link as soon as i have published the site. thank you very much

Hi ooweboo
If you are developing offline and use firefox dl , install the firebug extension
then use the ‘inspect elent’ fucntion to see code behind teh area you are looking for, that is hover cursor over text, or link right click select inspect element from menu etc
Cheers ShannonN

[jwellman Friend jwellmanJoin date: April 2008Posts: 543Downloads:0Uploads:6 Thanks: 115 Thanked: 59 times in 21 posts]

#297461

There are a couple of locations where the large caps will have to be changed. For the menu area you need to look in the css of whichever menu you are using (example css, moo, etc). Another area is the headings located in the template css files and also in your color files. Without a live site it is difficult to point out the exact location.

For instance this area:

.componentheading, div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3 {template.css (line 68)
border-bottom:1px solid #DDDDDD;
border-top:2px solid #666666;
font-variant:small-caps;
letter-spacing:1px;
margin:0 0 10px;
padding:10px 40px;
text-align:center;

And then again in this area (which shows in the footer of your site)

#ja-botsl div.moduletable h3
background:#333333 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
font-variant:normal;
letter-spacing:2px;
line-height:1.6;
margin:0 -9px 10px;
padding:0;
text-transform:uppercase;

And regarding this statement, change the overstate to green, I’m not quite sure what you mean. :((

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#297547

jwellman;119626There are a couple of locations where the large caps will have to be changed. For the menu area you need to look in the css of whichever menu you are using (example css, moo, etc). Another area is the headings located in the template css files and also in your color files. Without a live site it is difficult to point out the exact location.

For instance this area:

.componentheading, div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3 {template.css (line 68)
border-bottom:1px solid #DDDDDD;
border-top:2px solid #666666;
font-variant:small-caps;
letter-spacing:1px;
margin:0 0 10px;
padding:10px 40px;
text-align:center;

And then again in this area (which shows in the footer of your site)

#ja-botsl div.moduletable h3
background:#333333 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
font-variant:normal;
letter-spacing:2px;
line-height:1.6;
margin:0 -9px 10px;
padding:0;
text-transform:uppercase;

And regarding this statement, change the overstate to green, I’m not quite sure what you mean. :((

I think he means onhover state

1 user says Thank You to ShannonN for this useful post

1. ooweboo

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#308853

Hi. – Thank you very much for your help. 🙂 the site is up and running at long last. Waited for ages for the information…
About the overstate of the link (hover) state. I am using the green color for the template and the link buttons in the main menu is green on the hover state, but the text is light gray. I would like to make the text white – only when you move the mouse over the button (so the the button is green and the text white). I have looked and changed the css files but cant seem to get it right. If you could please help me with this. The link to the site is http://www.cbsbloem.co.za – thank you in advance. and thanks again for your previous help.

[ooweboo Friend oowebooJoin date: August 2008Posts: 72Downloads:0Uploads:1 Thanks: 17]

#308855

Hi. I have found the location to change the hover and active state for the links – thank you very much for your previous help – because of that advise i managed to find the location in the ja.cssmenu.css and in the ja.topoverride.css. thanks again – the support on this forum is excellent!!! :):):)

[Author]

Posts