Joomla Templates Club 406,261 posts

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#139814

Hello,

I have a few questions regarding the JA CSS Menu… I’ve checked the forum but I can’t seem to find the right answers. Maybe because the 1.0 and 1.5 templates have different folders and files names as well as to the strings contained?

I use the 1.5 version template and I would need to know the following;

1) How do I change the font size of the 1st level?

2) How do I change the font size of the 2nd level?

3) The second level that pops up is located too far right – I want to move it closer to the left. Where do I edit to do this?

4) I want to change the width of the second level pop up box. Where do I edit to do this?

Thank you for your help in advance!

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#299402

Can you post a live url of your site please. That would help us to find some solutions for you.

regards

arvind

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#299407

http://www.coco.ph

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#299414

To change the font size for the second level backup and then open your /templates/ja_antares/ja_menus/ja_cssmenu/ja.cssmenu.css . around line 93.
[PHP]
#ja-cssmenu li ul a {
font-size: 11px;
text-transform: none;
}[/PHP]

Change the font size. This will affect the font size for the second level.

1 user says Thank You to Arvind Chauhan for this useful post

1. sushismb

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#299489

Thanks dravindc!

You’ve answered my 2) question.

I hope you could help me with the rest too.

Again, thanks in advance!

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#301868

Hi,

Still need help for the followi9ng;

1) How do I change the font size of the 1st level?

2) How do I change the font size of the 2nd level? = answered.

3) The second level that pops up is located too far right – I want to move it closer to the left. Where do I edit to do this?

4) I want to change the width of the second level pop up box. Where do I edit to do this?

Thank you for your help in advance!

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#302053

Hi,

Would appreciate help regarding this matter.

Thanks!

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#302055

1) How do I change the font size of the 1st level?
ja.cssmenu.css (line 103)

#ja-cssmenu li a {
background:#FFFFFF url(../../images/bullet-menu.gif) no-repeat scroll left bottom;
color:#8F8F8F;
display:block;
font-size:50%;
height:25px;
line-height:25px;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
text-transform:uppercase;
}

1 user says Thank You to jsliao for this useful post

1. sushismb

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#302057

3) The second level that pops up is located too far right – I want to move it closer to the left. Where do I edit to do this?

ja.cssmenu.css (line 52)

.wide #ja-cssmenu li ul {
margin:-1.6em 0 0 10.5em;
}

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#302058

4) I want to change the width of the second level pop up box. Where do I edit to do this?

ja.cssmenu.css (line 88)

#ja-cssmenu li ul {
background:#F2F2F2 url(img/child-bg.gif) repeat scroll center top;
border:1px solid #C0C0C0;
width:100px;
}

1 user says Thank You to jsliao for this useful post

1. sushismb

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#302059

Hello jsliao,

Thank you for your help!

I assume you are refering to /templates/ja_antares/ja_menus/ja_cssmenu right?

I opened the file but it is different from what you have indicated. And therefore, I don’t know where exactly am I supposed to change.

Maybe you are refering to the 1.0 version? I’ve installed the 1.5version and I’ve realized that the two templates have slightly different strings/tags.

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#302060

i tried the changes using the version of .css file u currently have on your server.

location is
templates/ja_antares/ja_menus/ja_cssmenu/ja.cssmenu.css

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#302063

Hi,

For example;

< You indicated >
#ja-cssmenu li a {
background:#FFFFFF url(../../images/bullet-menu.gif) no-repeat scroll left bottom;
color:#8F8F8F;
display:block;
font-size:50%;
height:25px;
line-height:25px;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
text-transform:uppercase;
}

< what I found on the file >
#ja-cssmenu li a {
margin: 0;
padding: 0 0 0 15px;
background: url(../../images/bullet-menu.gif) no-repeat left bottom #FFFFFF;
text-decoration: none;
text-transform: uppercase;
color: #8F8F8F;
display: block;
height: 25px;
line-height: 25px;
}

As you can see, it is different. Did you mean that I have to include all the strings you indicated that is not in the original?

< you indicated >
.wide #ja-cssmenu li ul {
margin:-1.6em 0 0 10.5em;
}

I was able to find this and edited already.

< you indicated >
#ja-cssmenu li ul {
background:#F2F2F2 url(img/child-bg.gif) repeat scroll center top;
border:1px solid #C0C0C0;
width:100px;

< what I find in the file >
#ja-cssmenu li ul {
border: 1px solid #C0C0C0;
background: url(img/child-bg.gif) top #F2F2F2;
}

As you can see, it’s different. Did you mean that I will have to change it to what you indicated (everything)?

Thanks!

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#302064

yes u have to make changes as indicated by me in RED

you should also adjust the values as required

[Author]

Posts