Skip to main content
mindmastery
Known Participant
April 11, 2017
Answered

Navigation Font has changed

  • April 11, 2017
  • 2 replies
  • 595 views

Hi Guys, For some reason the font in my dropdown navigation has changed (ie. once you hover over the nav) and I cant seem to find where or how to change this back (using Dreamweaver CC) - the site is https://gymnasticshypnosis.com/     I just want it to display in a similar font to the main nav.   Any help would be much appreciated!  : )

Cheers,

Craig T

This topic has been closed for replies.
Correct answer BenPleysier

In custom.css change the highlighted value

/* Line 488 */

.ddmenu.nav-pills li a

{

  font-family: Oxygen,sans-serif;

  font-size: 15px;

  line-height: 17px;

}

/* Line 490 */

.ddmenu .dropdown-menu li a

{

  font-family: "Open Sans";

  line-height: 26px;

  font-size: 13px;

}

2 replies

Nancy OShea
Community Expert
Community Expert
April 11, 2017

Chrome is very stubborn about caching web pages to improve performance.  But when you're testing revisions on a web site, this can greatly hamper your workflow.   For this reason, I don't use Chrome as my default browser.  I prefer Firefox.

However if you're married to Chrome for other reasons, you can disable caching from the Developer Tools panel.  The only caveat is you must keep your Developer Tools open at all times.   See link below for details.

https://www.technipages.com/google-chrome-how-to-completely-disable-cache

Nancy

Nancy O'Shea— Product User & Community Expert
mindmastery
Known Participant
April 12, 2017

thanks Nancy - yes I too prefer Firefox, thought sometimes I find it hard to fully clear the cache for some reason - after trying the website fresh in Chrome, it came up fine.    Thanks for the extra tips too.   Cheers.  Craig

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
April 11, 2017

In custom.css change the highlighted value

/* Line 488 */

.ddmenu.nav-pills li a

{

  font-family: Oxygen,sans-serif;

  font-size: 15px;

  line-height: 17px;

}

/* Line 490 */

.ddmenu .dropdown-menu li a

{

  font-family: "Open Sans";

  line-height: 26px;

  font-size: 13px;

}

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
mindmastery
Known Participant
April 11, 2017

Many thanks Ben for your reply, which seems to make perfect sense but for some reason the result has not changed.  I went ahead and changed the above code to this (below), thinking it would change the dropdown menu's font to the same as the pills, but obviously I have missed something..

.ddmenu.nav-pills li a {font-family: Oxygen, sans-serif; font-size: 15px; line-height: 17px;}

.ddmenu .dropdown-menu li a {font-family: Oxygen, sans-serif; font-size: 15px; line-height: 17px;}

BenPleysier
Community Expert
Community Expert
April 11, 2017

If you are using Chrome to test the page, you may want to clear the cache first.

This is what I see when I change the font:

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!