Change CSS Stylesheet Order

• 

  patganahl · Member · Jan 7, 2019 at 11:48 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I note that not all of my custom CSS is loading on the site, even though on the CSS preview they work. The custom CSS is for minor things like making the navigation menu text bold, for example.

  Inspecting the site, I see that the Jetpack plugin CSS is the last stylesheet listed, rather than my theme’s customized CSS stylesheet.

  How can I change the order of the stylesheets so that my custom CSS is loaded?

  The blog I need help with is: (visible only to logged in users)

• 

  khushboo2004 · Member · Jan 8, 2019 at 8:57 am

  • Copy link

  Hi there!

  While inspecting elements on your website patganahl.com, I see navigation menu text in bold and following CSS :

  .main-navigation ul a {
      color: black;
      font-weight: bold !important;
  }

  It’s possible that you’ll need to clear your browser cache in order to see the published changes.

  Please give it a try and see if it works.

• 

  patganahl · Member · Jan 8, 2019 at 10:08 pm

  • Copy link

  Hi,

  Thanks for the suggestion!

  I cleared my site cache and cookies for my browser (chrome) for wordpress and patganahl.com but the navigation menu still shows unbolded.

  But then I checked on a different browser (safari) and my mobile, and those do show the navigation menu as bold.

  Huh, not sure what’s happening for my browser, but I guess it is showing up correctly for most viewers.

• 

  khushboo2004 · Member · Jan 9, 2019 at 5:43 am

  • Copy link

  Hi there!

  Good to hear that it’s working on a different browser.

  I have tried to access patganahl.com on Chrome and it’s working for me. You can check if you are using the latest version of the browser and also have a look at the following article for browser related issues:

  Solve Common Browser Issues

  Hope this helps :)