Axon Theme Change of white boxes

• 

  anitamalta · Member · Apr 16, 2014 at 2:44 pm

  • Copy link
  • Add topic to favorites

  I have Axon Theme and like to change color of the white boxes in the header and in the side bar, or if possible make them transparent.

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

• 

  gracejiyoung · Member · Apr 18, 2014 at 10:47 pm

  • Copy link

  Hi there,

  You can change the color or make it transparent if you edit CSS. Please go to Appearance > Customize > CSS and add this:

  .sitebar, .sitebar-inside {
  	background: transparent;
  	box-shadow: none !important;
  }
  
  .sitebar-top {
  	border-bottom: none;
  }

  That code makes it transparent; however, you can change it to any color by adding a CSS color value. You can find CSS color values here:

  http://www.w3schools.com/cssref/css_colorsfull.asp

  Feel free to reach out if you have any questions!

• 

  anitamalta · Member · Apr 22, 2014 at 2:32 pm

  • Copy link

  Hi,

  Thanks a l lot for your help !! …but it did not make the white boxes in the sidebar transparent. I would like to add another color and need your help again. I followed the link but what exactly are the code for CSS color value ? I can choose a color but how do I proceed ?

• 

  gracejiyoung · Member · Apr 22, 2014 at 4:57 pm

  • Copy link

  Hi Anita,

  If you want the sitebar and sidebars transparent, please add this to the CSS:

  .sitebar, .sitebar-inside {
  	background: transparent;
  	box-shadow: none !important;
  }
  
  .sitebar-top {
  	border-bottom: none;
  }
  
  #recent-posts-2.widget, #recent-comments-2.widget, #archives-2.widget {
  	background: transparent;
  }

  If you want it to be different colors, please find the CSS color value. You can find them here:

  http://www.w3schools.com/cssref/css_colorsfull.asp