Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#177256

I was surprised to see this issue when I changed the TopMenu menu item to Text Separator (@ the left hand of Documentation…)

You can see the issue on:

Temp. Website: http://www.targamat.com/alam/

What is the problem?

Thanking you in advance…

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#454046

Hi
Because when you set Text Separator then menu link is rendered to <span> element ( not <a>).
So you should change type or edit template.css file
Find
#mainnav .menu > li > a {
border-bottom: medium none;
color: #D9D9D9
font-family: ‘PT Sans’,sans-serif;
font-size: 1.167em;
font-weight: bold;
height: 45px;
letter-spacing: 0;
line-height: 45px;
text-shadow: none;
text-transform: uppercase;
}
Replace to

#mainnav .menu > li > a , #mainnav .menu > li > span {
border-bottom: medium none;
color: #D9D9D9
font-family: ‘PT Sans’,sans-serif;
font-size: 1.167em;
font-weight: bold;
height: 45px;
letter-spacing: 0;
line-height: 45px;
text-shadow: none;
text-transform: uppercase;
}

Regards,

1 user says Thank You to HeR0 for this useful post

1. Aratype

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454064

Thank you!

However, it is in “navigation.css” not in “template.css”:

Change (# line 47):
#mainnav .menu > li > a {

#mainnav .menu > li > a , #mainnav .menu > li > span {

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454067

Secondary Question:

When I select a secondary item in this menu the principal item is not in an orange rectangle as in the situation of other principal items. For example: when I select “K2 Blog Style” in K2 I see that K2 is in orange rectangle….

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#454118

Hi,

Thanks for your question, we’ll update this problem in the next version. So you can open the theme.css file in the color_block_light/css folder and add following css code section.


#mainnav .menu > li.deeper ul li:hover a,
#mainnav .menu > li.deeper ul li a:hover,
#mainnav .menu > li.deeper ul li a:active,
#mainnav .menu > li.deeper ul li a:focus {
background: none;
color: #F26531
text-decoration: none;
}

/* Add the following css code section */
#mainnav .menu > li.deeper ul li.active a {
color: #F26531
font-weight: bold;
}


[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454192

OK, Thank you… I will see what the next version will have….

Please notice that after the application of your recommandation in my website: http://www.targamat.com/alama

The Main menu (text separator) rectangle does not become orange when a secondary menu is selected…

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#454197

Hi aratype,

I think, if you provide me the FTP account ( pm ), i can help you faster.

Thanks.

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#454233

Hi,

I have fixed two your issues:

1. Add active style for sub-menu.
2. Style for date under the logo.

Please help me check it.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454330

Hi Pixel Shot!

Thank you for your message and for you efforts.

I do not see what I am thinking about:

1. If I choose a “sub-menu element” from K2 or PAGES menus I will find that menu element become in an orange rectangle… This is not the case in the Test menu…

If I select the sub-menu element “Login Form” from “Test” menu you will not see the word Test in orange rectangle…

I hope that I am clear.

As you can understand my request is necessary for the design homogeneity 🙂

2. Regarding the date in the top of the vertical Menu, I see only “2012 JA Hottest” under the logo…

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#454379

Hi,

I have styled the active status of the test menu item and realign the top menu on the header. Can you help me check it.

Thanks

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454489

Many thanks, it works almost perfectly!

I tested the menu, it is now fixed horizontally in the right places and does not move upon clicking….

I have only one remark: on the menu item “PAGES”, if you select the first or the second line “Edit user profile” or “Registration Form” you will not have “PAGES” in orange rectangle… other lines are OK…

Could you also document the changes or to tell if they will be included in the next update…

Many thanks for your efforts!

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#454493

Hi,

I have checked, that menu is wrong url. You need login before click to it. I think it work perfect.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454503

Hi Pixel Shot,

Thank you for your prompt reply!

Please compare with your demo: http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_wall

Pages> Login form

You can do the same in the temp website: http://www.targamat.com/alam/

and see the difference…

Thanking you in advance

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#454675

Hi aratype,

I have changed the login page, please check it.

Best regards.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#454684

Thank you!

My issue is with:

1. Pages > Edit User Profile

2. Pages > Registration Form

When I select the sub-menu I have not The main-menu in orange rectangle…

Thanking you in advance

Aratype

[Author]

Posts