WordPress.com

1. survivor1234
   Member
   May 18, 2012, 1:18 AM

   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 survivortoday.org.

2. designsimply
   Happiness Engineer
   May 18, 2012, 9:28 PM

   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:

   http://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?

3. survivor1234
   Member
   May 30, 2012, 3:29 PM

   Thank you - that worked.

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

   /thank you sooo much

   :)

4. designsimply
   Happiness Engineer
   May 30, 2012, 8:07 PM

   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;
   }

Topic Closed

This topic has been closed to new replies.