MagicBlue template – changing colors

  • I want to change the colors in the menu of the blogchemistry magicblue theme from black to another color and I can’t figure out how. I also want to change the colors outside of the page where the blog posts and sidebar are from gray to another color, and I cannot figure out how to do that. Can someone please help me?

    I put my own image in the header and had no problem, but I cannot figure out where to change those colors.

    Can anyone help me please?

Viewing 7 replies - 1 through 7 (of 7 total)

  • change the colors in the menu of the blogchemistry magicblue theme from black to another color

    in style.css – look for #tabs anc change the value of background-color
    background-color: black;
    change black to blue or whatever

    change the colors outside of the page where the blog posts and sidebar are from gray to another color

    in style.css – look for body and change
    background-color: #777777;
    change #777777 to something

    Thread Starter dms55

    (@dms55)

    Got the menu color changed. That worked great. Thanks!

    Not so lucky with the outside gray. Did not find background-color: #777777 or anything like that in the file.

    The beginning of the file looks like this:
    /*
    Theme Name: magicblue
    Theme URI: https://www.blogchemistry.com/2008/09/13/free-wordpress-theme-magicblue/
    Description: 2 column, with RHS widget sidebar
    Version: 1.2
    Tags: fixed width, two columns, widget ready, white, blue
    Author: BlogChemistry
    Author URI: https://www.blogchemistry.com/
    */

    body {
    margin: 0;
    padding: 0;
    color: #111;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.1%;
    background: #222;
    }

    I tried changing the #222 to #00A and #0000AA but could not see any effect. I changed it to background-color: #00A and #0000AA and it had no effect either.

    Is there another place it could be?

    Thanks!

    Thread Starter dms55

    (@dms55)

    Can you take a look at https://www.youryoungactor.com to see what I am trying to change? It is the gray color that has no text on top of it, not actually the part of the blog where text appears — just the gray outside that I am trying to change. Thanks.

    Ok, you have inline style added there in your theme’s header.php – change the background-color there too

    Thread Starter dms55

    (@dms55)

    Thanks, but I am not having any luck finding the right place to change it. I looked in the header.php file also. I don’t find a place where the color is set to #777 that appears to be the right place.

    Here is the header file: Maybe you can tell me where to find it?? Thanks!
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

    <head profile=”https://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <meta name=”verify-v1″ content=”7u2wpKBktAxUSuyXICWWWSapVKLcKvGMRqnmbe+xmYM=” />
    <meta name=”blogcatalog” content=”9BC9248720″ />

    <title><?php bloginfo(‘name’); ?> <?php wp_title(); ?></title>

    <link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/style.css” type=”text/css” media=”screen” />

    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />

    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <style type=”text/css” media=”screen”>

    body{
    background: #fff url(“<?php bloginfo(‘template_directory’); ?>/images/bodybg.gif”);
    }

    #superheader{
    background: url(“<?php bloginfo(‘template_directory’); ?>/images/superheaderbg.gif”) top left repeat-x;
    }

    #header{
    background: #fff url(“<?php bloginfo(‘template_directory’); ?>/images/headerbg.jpg”) top center no-repeat;
    }

    #wrapper2{
    background: #fff url(“<?php bloginfo(‘template_directory’); ?>/images/wrapperbg.gif”) top right repeat-y;
    }

    .post h2{
    background: url(“<?php bloginfo(‘template_directory’); ?>/images/dots.gif”) left bottom repeat-x;
    }

    .menu ul li.widget ul li{
    background: url(“<?php bloginfo(‘template_directory’); ?>/images/listbullet.gif”) no-repeat 0 3px;
    }

    .menu ul li.widget ul li ul li{
    background: url(“<?php bloginfo(‘template_directory’); ?>/images/listbullet.gif”) no-repeat 0 1px;
    }

    </style>

    <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/scripts/utils.js”></script>

    <?php wp_head(); ?>

    </head>
    <body>

    <div id=”wrapper”>

    <div id=”wrapper2″>

    <div id=”superheader”></div>

    <div id=”header”>

    <h3>/”><?php bloginfo(‘name’); ?></h3>
    <h2><?php bloginfo(‘description’); ?></h2>

    </div>

    <div id=”tabs”>

    </div>

    Thanks for any help you can offer!
    Debbie

    OK, this is getting strange, I know the style was there before. Now, go back to your theme’s style.css and find this

    body {
margin: 0;
padding: 0;
color: #111;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #222;
}

    change background from #222 to something else

    Thread Starter dms55

    (@dms55)

    I changed it from: background: #222;
    to: background: #00e;

    It did not appear to make any difference.
    It now looks as follows:

    body {
    margin: 0;
    padding: 0;
    color: #111;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.1%;
    background: #00f;
    }

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘MagicBlue template – changing colors’ is closed to new replies.