Need help? Check out our Support site, then


Change blue background color in Mimbo Pro

  1. 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. 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. Thank you - that worked.

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

    /thank you sooo much

    :)

  4. 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.

About this Topic