Change blue background color in Mimbo Pro

• 

  survivor1234 · Member · May 18, 2012 at 1:18 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am a complete novice. I read the tutorial information. But I can’t change the shades of blue at the top of the site. I want to buy the CSS package for $30 – how do i change the color shades from blue to white?

  Thank you.

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

• 

  designsimply · Member · May 18, 2012 at 9:28 pm

  • Copy link

  That’s actually not a simple task. Here is an example showing how to change all of the colors associated with the recent posts section of the Mimbo Pro theme:

  https://en.forums.wordpress.com/topic/css-need-help-to-find-which-selector-allows-me-to-change-a-color-behind-text?replies=5#post-866502

  Adjust the color codes to your liking.

  That example is just for the recent posts section, were you also wanting to change the menu colors?

• 

  survivor1234 · Member · May 30, 2012 at 3:29 pm

  • Copy link

  Thank you – that worked.

  I have another question – how do i change the color on the category menu bar?

  /thank you sooo much

  :)

• 

  designsimply · Member · May 30, 2012 at 8:07 pm

  • Copy link

  How do i change the color on the category menu bar?

  This takes a little work. Here is an example of how to change the color of the Mimbo Pro category menu bar. I used red as an example color. You can adjust the color codes to your liking.

  #navbar {
  	padding:4px 6px 4px 18px;
  	letter-spacing: .02em;
  	background: #962424;
      background: -moz-linear-gradient(top, #962424 0%, #891e1e 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#962424), color-stop(100%,#891e1e));
      background: -webkit-linear-gradient(top, #962424 0%,#891e1e 100%);
      background: -o-linear-gradient(top, #962424 0%,#891e1e 100%);
      background: -ms-linear-gradient(top, #962424 0%,#891e1e 100%);
      background: linear-gradient(top, #962424 0%,#891e1e 100%);
      border-top: 1px solid #b22c2c;
      border-bottom: 1px solid #6b1515
  }
  #nav a, #nav a:visited {
  	color:#ffc1c1;
  }
  #nav li:hover, #nav a:focus, #nav a:hover, #nav a:active,
  #nav .current-cat .children a:hover,#nav .current-cat .children,
  #nav li li {
  	background:#ad3a3a;
  	color: #fff;
  }
  #nav .current-cat a,#nav .current-cat a:visited,#nav .current_page_item a,
  #nav .current_page_item a:visited {
  	background-color:#4f1e1e;
  	border-top:1px solid #381010;
  	border-bottom: 1px solid #9e2525;
  }
  #nav .children a:hover {
  	background: #9b2828;
  }
  #s {
  	background: #ad3232;
  	border-color: #7c1d1d;
  }