Sela Theme Menu Bar

• 

  shedidwhatshewanted · Member · Apr 10, 2015 at 6:25 pm

  • Copy link
  • Add topic to favorites

  I’m looking to change a few things with the Menu bar of the Sela theme but I’m having trouble finding any info in Inspect Elements.

  I’d like to change the font-style to lowercase, instead of uppercase. I’d also like to adjust the background color of the Meet The Authors dropdown. Maybe also the link color in the Menu only.

  Any help is appreciated!

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

• 

  designsimply · Member · Apr 10, 2015 at 9:48 pm

  • Copy link

  Your site looks great so far!

  I made a video to show you how to find some of the selectors you want and test them in-browser:

  https://cloudup.com/cF7_jQuQ2Ov (8m23s)

  And here’s the test CSS from the video:

  .main-navigation a,
  .main-navigation ul ul a {
      text-transform: none;
  }
  
  .nav-menu > li > a {
      color: red;
  }
  
  .main-navigation li.current_page_item > a,
  .main-navigation li.current-menu-item > a {
      color: pink;
  }
  
  @media screen and (min-width: 768px) {
      .main-navigation ul ul {
          background-color: red;
      }
  }

  Make sure to change the colors to color codes of your choice.

• 

  shedidwhatshewanted · Member · Apr 13, 2015 at 4:43 am

  • Copy link

  That’s fantastic, thank you so much.

• 

  designsimply · Member · Apr 13, 2015 at 2:55 pm

  • Copy link

  Cheers. :)