Axon Theme CSS Customization

• 

  blackoakdist · Member · Sep 12, 2014 at 2:00 pm

  • Copy link
  • Add topic to favorites

  Hello everyone,

  I need some help with customizing my site. I have done a little bit but there seems to be two changes I haven’t been able to change.

  I need some help on a CSS code to change the color of my side bar and top navigation bar. I know the color to use just not the code.

  my url is http://www.blackoakdist.wordpress.com
  Can anyone help me out?

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

• 

  hallluke · Member · Sep 12, 2014 at 2:18 pm

  • Copy link

  Try this out and let me know if it works for you:

  .widget {
    background-color:#f00;
    border:none;
  }
  
  .sitebar-inside {
    background-color:#0f0;
  }

• 

  blackoakdist · Member · Sep 12, 2014 at 2:26 pm

  • Copy link

  That worked! thank you! looks like I was missing the colon after color.

  I found another Item that I would like to change the color of is the drop down navigation. is there a simular CSS for that?

• 

  hallluke · Member · Sep 12, 2014 at 2:51 pm

  • Copy link

  Here’s how to change the colour of your drop-down menu backgrounds, and as a bonus I’ve also included the code to remove the borders which were looking a bit odd:

  .sf-menu ul.sub-menu li {
    background-color:#00f;
  }
  
  .sf-menu ul.sub-menu a {
    border:none;
  }
  
  .sf-menu a, .sf-menu a:visited {
    border:none;
  }

• 

  blackoakdist · Member · Sep 12, 2014 at 3:00 pm

  • Copy link

  Thank you very much!