Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1081116

Hi,

I see the difference from the font weight the the menu text, you can go to file: http://us508.directrouter.com/~ynjxxaul/templates/ja_elicyon/local/css/themes/bystheme/template.css

At approx line 1651:

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}

change the font-weight to: font-weight: inherit;

[Jonathan Friend JonathanJoin date: February 2006Posts: 38Downloads:35Uploads:8]

#1081124

Thank you, that worked well to make the fonts look the same.

Can you help with the css to make the animation work for the Menu Headings? These menus are static on rollover and are highlighted in green on screenshot.

I’d like the rollover white bar animation in the top margin of the menu bar to work just like the Club Calendar and Login menu items

Is that possible?
Thanks, JR

[Jonathan Friend JonathanJoin date: February 2006Posts: 38Downloads:35Uploads:8]

#1081242

Hi, I have been trying to solve this myself butI am not having any luck.

.nav > li > .separator
{
position: relative;
display: block;
transition: padding 350ms;
background-color: transparent;
color: #ffffff;
}

Am I getting close?

JR

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1081409

Hi JR,

You can try with this custom CSS:

.navbar-default .navbar-nav > li > span:hover:after {
    width: 100%;
}

.navbar-default .navbar-nav > li > span:after {
  background: #ffffff;
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 0;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

[Jonathan Friend JonathanJoin date: February 2006Posts: 38Downloads:35Uploads:8]

#1081485

That worked brilliantly, thank you.
I would have never been able to sort out the code for this so thanks for your help.
JR

[Author]

Posts