Help Fixing Wordpress theme

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
Alright, I just bought a wordpress theme and I want to make some changes to it to suit me. I messed around with the code and I wanted the menu's to be on top and it became like this: http://www.ddrun.x10hosting.com

I want it to look like this:

vqsg1f.png


Here is the website URL: http://www.ddrun.x10hosting.com

and here is the source code from the header.php:

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
	<head>
		<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
		<!-- Title -->
		<title><?php wp_title('&laquo;', true, 'right'); ?><?php bloginfo('name'); ?></title>

		<!-- Link REL / CSS -->
		<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
		<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
		<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

		<!-- Javascript -->
		<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/common.js"></script>
		
		<!--[if lt IE 7]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script><![endif]-->
		<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
		<?php wp_head(); ?>
	</head>
	<body>
		<!--[if lt IE 7]>
		<div class="ie6-notice"><strong>Notice:</strong><br />Please upgrade your browser to at least Internet Explorer 7 to properly view this website.</div>
		<![endif]-->
		<a name="top" id="top"></a>
		<!-- Header // -->
		<div class="wpn_header">
			<!-- Logo -->
			<a class="wpn_logo" href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo-trans.png" alt="" /></a>
			
			<!-- Search // -->
			<div class="wpn_search">
				<form id="searchform" action="<?php echo get_option('home') ?>" />
					<input type="text" name="s" value="Search the blog..." onfocus="if(this.value==this.defaultValue)this.value='';" /><input type="image" src="<?php bloginfo('stylesheet_directory'); ?>/img/spacer.gif" />
				</form>
			</div>
			<!-- // Search -->
			
			<!-- Menu // -->
			<ul class="wpn_menu">
				<li><a href="<?php echo get_option('home'); ?>"><span>Home</span></a></li>
				<?php wp_list_pages('sort_column=menu_order&title_li=&link_before=<span>&link_after=</span>&depth=0&include='.get_wpn_config('menu_include').'&exclude_tree='.get_wpn_config('menu_exclude')); ?>
			</ul>
			<!-- // Menu -->
			
			<!-- Submenu // -->
			<ul class="wpn_submenu">
				<?php wp_list_categories('sort_column=menu_order&title_li=&show_count=0&include='.get_wpn_config('submenu_include').'&exclude='.get_wpn_config('submenu_exclude')); ?>
			</ul>
			<!-- // Submenu -->
		</div>
		<!-- // Header -->
		
		<!-- Wrapper // -->
		<div class="wpn_wrapper">

This is the source code before I messed with it.

What's wrong? Thanks.
 
Last edited:

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
the header logo is outside the header div.

The 'a' link element with a class of wpn_logo should be inside the div with the wpn_header class.
 

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
the header logo is outside the header div.

The 'a' link element with a class of wpn_logo should be inside the div with the wpn_header class.

It is in the header class.

This is the code when I try to make it go up there.

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
	<head>
		<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
		<!-- Title -->
		<title><?php wp_title('&laquo;', true, 'right'); ?><?php bloginfo('name'); ?></title>

		<!-- Link REL / CSS -->
		<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
		<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
		<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

		<!-- Javascript -->
		<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/common.js"></script>
		
		<!--[if lt IE 7]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script><![endif]-->
		<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
		<?php wp_head(); ?>
	</head>
	<body>
		<!--[if lt IE 7]>
		<div class="ie6-notice"><strong>Notice:</strong><br />Please upgrade your browser to at least Internet Explorer 7 to properly view this website.</div>
		<![endif]-->
		<a name="top" id="top"></a>
		<!-- Header // -->
		<div class="wpn_header">
		<!-- Menu // -->
			<ul class="wpn_menu">
				<li><a href="<?php echo get_option('home'); ?>"><span>Home</span></a></li>
				<?php wp_list_pages('sort_column=menu_order&title_li=&link_before=<span>&link_after=</span>&depth=0&include='.get_wpn_config('menu_include').'&exclude_tree='.get_wpn_config('menu_exclude')); ?>
			</ul>
			<!-- // Menu -->
			
			<!-- Submenu // -->
			<ul class="wpn_submenu">
				<?php wp_list_categories('sort_column=menu_order&title_li=&show_count=0&include='.get_wpn_config('submenu_include').'&exclude='.get_wpn_config('submenu_exclude')); ?>
			</ul>
			<!-- // Submenu -->
		</div>
			<!-- Logo -->
			<a class="wpn_logo" href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo-trans.png" alt="" /></a>
			
			<!-- Search // -->
			<div class="wpn_search">
				<form id="searchform" action="<?php echo get_option('home') ?>" />
					<input type="text" name="s" value="Search the blog..." onfocus="if(this.value==this.defaultValue)this.value='';" /><input type="image" src="<?php bloginfo('stylesheet_directory'); ?>/img/spacer.gif" />
				</form>
			</div>
			<!-- // Search -->
		</div>
		<!-- // Header -->
		
		<!-- Wrapper // -->
		<div class="wpn_wrapper">
 

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
Well it is not when I look at your site in the firebug window...
 

Attachments

  • Untitled.jpg
    Untitled.jpg
    91.6 KB · Views: 109

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
HTML:
        <!-- Header // -->
        <div class="wpn_header">
        <!-- Menu // -->
            <ul class="wpn_menu">
                <li><a href="<?php echo get_option('home'); ?>"><span>Home</span></a></li>
                <?php wp_list_pages('sort_column=menu_order&title_li=&link_before=<span>&link_after=</span>&depth=0&include='.get_wpn_config('menu_include').'&exclude_tree='.get_wpn_config('menu_exclude')); ?>
            </ul>
            <!-- // Menu -->
            
            <!-- Submenu // -->
            <ul class="wpn_submenu">
                <?php wp_list_categories('sort_column=menu_order&title_li=&show_count=0&include='.get_wpn_config('submenu_include').'&exclude='.get_wpn_config('submenu_exclude')); ?>
            </ul>
            <!-- // Submenu -->
             <!-- Logo -->
             <a class="wpn_logo" href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo-trans.png" alt="" /></a>
        </div>

Try this instead...
 

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
Well it is not when I look at your site in the firebug window...

The code that you just posted does not work. It reverts the bar back to where it was originally.

Here is what it looks like when I mess with it:

k9vy88.png
 
Last edited:

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
got it to work:

here is my html
HTML:
<div class="wpn_header">
		<!-- Menu // -->
			<ul class="wpn_menu">
				<li><a href="http://ddrun.x10hosting.com"><span>Home</span></a></li>
				<li class="page_item page-item-2"><a href="http://ddrun.x10hosting.com/?page_id=2" title="About"><span>About</span></a></li>
			</ul>
			<!-- // Menu -->
			
			<!-- Submenu // -->
			<ul class="wpn_submenu">
					<li class="cat-item cat-item-3"><a href="http://ddrun.x10hosting.com/?cat=3" title="View all posts filed under Test2">Test2</a>
</li>
			</ul>
			<!-- // Submenu -->
<!-- Logo -->
			<div class="wpn_logo" style="bottom: 0px; margin-top: 23px;"><a class="wpn_logo" href="http://ddrun.x10hosting.com/"><img src="http://ddrun.x10hosting.com/wp-content/themes/Elements/img/logo-trans.png" alt=""/></a>
			</div>
		</div>

Here is the CSS I edited:
Code:
.wpn_header {
height:249px;
margin:auto;
position:relative;
width:960px;
z-index:298;
}

.wpn_menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/menu_bg.gif) repeat scroll 0 0;
border-left:1px solid #000000;
border-right:1px solid #000000;
height:48px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:958px;
}

.wpn_submenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/submenu_bg.gif) repeat scroll 0 0;
height:32px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:1px;
width:960px;
}
 
Last edited:

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
I did exactly what you posted and it does not give me what you did.

2r20hty.png
 
Last edited:

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
I'll go check it.
Edit:
Change this CSS:
Code:
.wpn_header {
height:249px;
margin:auto;
width:960px;
z-index:298;
}

.wpn_menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/menu_bg.gif) repeat scroll 0 0;
border-left:1px solid #000000;
border-right:1px solid #000000;
height:48px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:958px;
}

.wpn_submenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/submenu_bg.gif) repeat scroll 0 0;
bottom:0;
height:32px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:1px;
width:960px;
}
 
Last edited:

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
I am going to post the css and the header file. I can't fix it. :(

In the zip there is the style.css and the header.php file.

BTW this is the original files, it has not been changed or altered.
 

Attachments

  • Elements.zip
    5.8 KB · Views: 3
Last edited:

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
I'm gonna reupload the css file I modified as the database problems made the post go away.

Only the CSS file has been edited.
 

Attachments

  • Elements.zip
    5.9 KB · Views: 2
Last edited:

moiety

New Member
Messages
102
Reaction score
3
Points
0
Were you editing the file on your site 'live' with dreamweaver or something? That always stuffs the site whenever I've attempted it...to the tune of needing a database flush and reinstall.

You may find these helpful:
http://www.skybound.ca/ (free version works fine)
http://www.artisteer.com/ (definitely not free, by any means)
 

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
I'm gonna reupload the css file I modified as the database problems made the post go away.

Only the CSS file has been edited.

Nope it didn't work. :/ It shows up as the way it was when the theme was new.

Yes, I am using Dreamweaver to edit the files.
 

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
Were you editing the file on your site 'live' with dreamweaver or something? That always stuffs the site whenever I've attempted it...to the tune of needing a database flush and reinstall.

You may find these helpful:
http://www.skybound.ca/ (free version works fine)
http://www.artisteer.com/ (definitely not free, by any means)

The database problems were with the forum database, not MicroTechXP's site.

I'm gonna download wordpress and work on the layout. I'm gonna then repackage the theme and upload it. It might take about 2 days (my local server has problems). It's weird, as I can make it work perfectly modifying the css using firebug... are you sure you are not caching the css file in your browser.
 

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
The database problems were with the forum database, not MicroTechXP's site.

I'm gonna download wordpress and work on the layout. I'm gonna then repackage the theme and upload it. It might take about 2 days (my local server has problems). It's weird, as I can make it work perfectly modifying the css using firebug... are you sure you are not caching the css file in your browser.

Yeah I am sure. I have checked what you have done in 3 different browsers and they all show the same thing. :/ If you want the theme let me know.
 

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
Could you send me the whole theme (you can send it in a PM if you want), as I don't think WP is gonna accept to work with just the index.php file and the css file! :biggrin:
 

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
I think I fixed it. There is only the header.php and the style.css files (the other didn't need to be edited)
 

Attachments

  • header.zip
    5.7 KB · Views: 2

MicrotechXP

New Member
Messages
7,644
Reaction score
0
Points
0
You did it! THANK YOU! :D 3 weeks of trying to fix it and FINALLY. :D THANK YOU! :p

Repped and sent you some points. :D
 
Top