Register or log in:



Hot Tags

Blog Oh! Blog Forums » Wordpress Themes

Xplosive Reloaded - cross-browser display problems

(4 posts)
  • Started 1 month ago by GavinWebb
  • Latest reply from GavinWebb

  1. GavinWebb
    Member

    Hi. I installed the xplosive reloaded theme a couple of days ago and am generally finding it a pleasure to work with and configure.

    However, I've found that colour default I've specified doesn't show across different browsers. My default is blue, I've removed the Kwicks, and changed the header to my own - which all views okay in my default browser Netscape.

    But if I view this in IE, Opera or FF, the default colour is red. I've managed to amend the header so that the default is my own which shows across all browsers, but the colour scheme remains red in IE, Opera and FF.

    Any help will be appreciated. Thanks.

    Posted 1 month ago #

  2. Jai
    Key Master

    I am sure there is an error in the way you are modifying the theme. Please post the content of your header.php file.

    Posted 1 month ago #

  3. GavinWebb
    Member

    Hi Jai

    My header.php is as follows:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" media="screen" title="default" />
    <link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/blue.css" media="screen" title="blue" />
    <link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/orange.css" media="screen" title="orange" />
    <link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/green.css" media="screen" title="green" />
    <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'); ?>" />
    <?php wp_head(); ?>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/styleswitcher.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/mootools.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/boxes.js"></script>
    </head>
    <body>
    <div id="wrapper">
    <div id="header"><div id="logo"><h1>/"><?php bloginfo('name'); ?></h1></div></div>

    <div id="navigation">
    <ul id="menu" style="float:left;">
    <li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>">">Home<?php echo $langblog;?>
    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>

    </div>

    Thanks.

    Posted 1 month ago #

  4. GavinWebb
    Member

    I figure this out. You need to take the elements in your chosen colour css, i.e. blue.css:

    body {background:#003366;}
    #header {background:url(images/header_aqua.gif) no-repeat left;}
    #sidebar1 h2, #sidebar2 h2{color: #0066CC;}
    #footer {background:url(images/footer_aqua.png) no-repeat left;}

    ..and then paste those elements to replace the corresponding elements in style.css to in effect change the default.

    Posted 1 month ago #

RSS feed for this topic

Reply

You must log in to post.

{ A Forum of Blog Oh! Blog }