Joomla Templates Club 406,261 posts

[mdqbarry Friend mdqbarryJoin date: May 2007Posts: 22Downloads:0Uploads:2]

#120424

Thanks every body for all the clues in this forum, reading all the posts i have been able to upload a very nice version of Ja Rochea on http://www.caracas.tv/index.php
How ever I still have some doubts to change the green roll over color on the top menu and specially on the new submenus displays (the green background of the submenu)
Could any body give the clue. Also i would like to start the submenus display list 5 pixels below so it run over the top menu.

Thanks in advance

Great Club

Martin

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

#220719

Hi mdqbarry,

Open the ja-sosdmenu.css file in the ja_cssmenu folder and edit some CSS code section:

1. roll over color on the top menu.


#ja-cssmenu li a:hover {
color: #6DA43A;
}


2. border of submenus.


#ja-cssmenu li ul {
border: 1px solid #5A8730; <-- Border of submenu
background: url(img/trans-bg.png); <-- background of submenu
}


3. roll over color on the submenu.


#ja-cssmenu ul li:hover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
background: none #92BF68;
}


🙂

[brandon12 Friend brandon12Join date: June 2006Posts: 101Downloads:0Uploads:0]

#220720

You can easily find their properties in template_css.css file.

[mdqbarry Friend mdqbarryJoin date: May 2007Posts: 22Downloads:0Uploads:2]

#220760

It worked fine.
The only thing i am still trying is to have a bigger margin between the main menu and the submenus, because the first submenu it is almost over the main menu, I want to start the submenus under the sub line.gif. I guess it is on the .JS file of the transmenu but i dont know wich line. If some know, aprecciate the clue.

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

#220792

Hi mdqbarry,

you can increase margin between the main menu and submenus.

If you use suckerfish menu, Open the ja-sosdmenu.css file in the ja_cssmenu folder, search and edit this CSS code section.


#ja-cssmenu li a {
padding-bottom: 5px; <-- Add new
}


If transmenu.
Open the ja-transmenuh.css file in the ja_transmenu folder and edit this CSS code section.


#ja-transmenu li a { /* common styles for 1st level menu */
float: left;
padding-bottom: 5px; <-- Add new
}


🙂

[mdqbarry Friend mdqbarryJoin date: May 2007Posts: 22Downloads:0Uploads:2]

#220863

with padding-bottom: 10px;

now the menu it is great.

Martin

[Author]

Posts