hardnox

pbp, the problem was actually in the footer code, i just tried deleting stuff till it worked. CSS, its a crazy world out there…

hey phb, that didnt work, that image is actually a black bar that sits right below the links, it seems like the white area is padding of some sort and not an actual image. i cant figure it out, frustrating! i used “firebug” in firefox to examine, and it said it is the margin padding…

here is the style.css:

/*
Theme Name: Galaxy Fuse Promag
Theme URI: https://test.qualitywordpress.com/?preview_theme=galaxyfuse-promag
Description: Galaxy Fuse Promag is a futuristic wordpress theme design featuring 3D graphic rendered header images.
Version: 1.0
Author: qualitywordpress
Author URI: https://qualitywordpress.com
*/

/* General */

body {
margin: 0;
background: url(“images/bg.jpg”);
}

h1, h2, h3, h4 {
margin: 0;
}

img {
border: 0;
}

.clear {
clear: both;
height: 0;
overflow: hidden;
}

/* Page */

#page {
margin: 0 auto;
width: 974px;
background: url(“images/page.gif”) repeat-y;
}

#page-in {
width: 974px;
background: url(“images/page_in.gif”) no-repeat left bottom;
}

/* Header */

#header {
width: 974px;
position: relative;
background: url(“images/header.gif”) repeat-y;
}

#header-top {
width: 974px;
background: url(“images/header_top.gif”) no-repeat;
}

#header-bottom {
width: 974px;
padding-bottom: 1px;
background: url(“images/header_bottom.gif”) no-repeat left bottom;
}

/* Header – Info */

#header #header-info {
position: absolute;
top: 75px;
left: 340px;
}

#header #header-info h1 {
color: #9D1300;
font: normal 25px “Century Gothic”, Century Gothic;
}

#header #header-info h1 a {
color: #9D1300;
text-decoration: none;
}

#header #header-info .description {
color: #9D1300;
font: normal 12px “Century Gothic”, Century Gothic;
}

/* Header – Menu */

#header #header-menu {
position: absolute;
top: 213px;
right: 0px;
height: 44px;
}

#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 44px;
}

#header #header-menu ul li {
float: left;
width: 110px;
height: 44px;
margin-right: 8px;
font: normal 15px/32px “Century Gothic”, Century Gothic;
color: #ffffff;
text-align: center;
background: url(“images/header_menu.gif”) no-repeat;
}

#header #header-menu ul li a {
color: #ffffff;
height: 44px;
text-decoration: none;
display: block;
}

#header #header-menu ul li a:hover {
color: #ffffff;
background: url(“images/header_menu_hover.gif”) no-repeat;
}

/* Header – Menu – Active */
#header #header-menu ul li.current_page_item a {
color: #ffffff;
background: url(“images/header_menu_hover.gif”) no-repeat;

}

/* Header – Menu – Submenu */

#header #header-menu ul li ul {
display: none;
}
/* Header – Foo */

#header #header-foo {
position: absolute;
top: 333px;
left: 40px;
width: 300px;
height: 102px;
font: normal 12px “Century Gothic”, Century Gothic;
color: #ffffff;
}

#header #header-foo a {
color: #ffffff;
text-decoration: underline;
}

/* Header – Feed */

#header #header-feed {
position: absolute;
top: 333px;
left: 390px;
width: 195px;
height: 102px;
}

/* Header – Feed2 */

#header #header-feed2 {
position: absolute;
top: 180px;
left: 10px;
width: 100px;
height: 30px;
}

/* Header – Text */

#header #header-text {
position: absolute;
top: 315px;
left: 40px;
width: 325px;
font: normal 12px “Century Gothic”, Century Gothic;
color: #000000;
}

#header #header-text a {
color: #000000;
text-decoration: underline;
}

/* Header – Slide */

#header #header-slide {
position: absolute;
top: 208px;
left: 547px;
width: 10px;
height: 15px;
}

/* Header – Cat */

#cat {
width: 285px;
padding: 0 427px 0 262px;
font: normal 12px “Century Gothic”, Century Gothic;
color: #000000;
}

#header-clear {
width: 974px;
height: 223px;
}

/* Header – Recent Articles */

#header #header-recent {
position: absolute;
top: 80px;
left: 20px;
width: 300px;
height: 120px;
}

#header #header-recent h3 {
width: 285px;
height: 22px;
color: #000000;
font: normal 13px/22px “Century Gothic”, Century Gothic;
}

#header #header-recent ul {
margin: 0;
padding: 5px 0 0 30px;
list-style-type: none;
}

#header #header-recent ul li {
padding-left: 8px;
background: url(“images/header_recent.gif”) no-repeat;
color: #AAAAAA;
font: normal 12px/29px “Century Gothic”, Century Gothic;
}

#header #header-recent ul li a {
color: #AAAAAA;
text-decoration: none;
}

#header #header-recent ul li a:hover {
text-decoration: underline;
}

/* Main */

#main {
width: 974px;
padding-top: 30px;
background: url(“images/main.gif”) no-repeat;
}

/* Main – Sidebar */

#sidebar {
float: left;
width: 252px;
padding: 0 31px 0 22px;
font: normal 12px/18px “Century Gothic”, Century Gothic;
color: #000000;
}

#sidebar a {
color: #000000;
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
}

/* Main – Sidebar – Boxes */

#sidebar .sidebar-box {
width: 252px;
background: url(“images/sidebar_box.gif”) repeat-y;
margin-bottom: 15px;
}

#sidebar .sidebar-box-top {
width: 252px;
background: url(“images/sidebar_box_top.gif”) no-repeat;
}

#sidebar .sidebar-box-bottom {
width: 252px;
background: url(“images/sidebar_box_bottom.gif”) no-repeat left bottom;
}

#sidebar .sidebar-box-blank {
width: 252px;
margin-bottom: 15px;
}

/* Sidebar – Titles */

#sidebar h3 {
width: 237px;
height: 36px;
padding-left: 15px;
font: bold 12px/34px “Century Gothic”, Century Gothic;
color: #000000;
background: url(“images/sidebar_title.gif”) no-repeat;
}

/* Sidebar – Search */

#sidebar #sidebar-search {
width: 252px;
height: 27px;
background: url(“images/sidebar_search.gif”) no-repeat;
}

#sidebar #sidebar-search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}

#sidebar #sidebar-search #sb {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px “Century Gothic”, Century Gothic;
color: #000000;
background: transparent;
float: left;
}

#sidebar #sidebar-search #searchsubmitb {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}

/* Sidebar – Menus */

#sidebar ul {
margin: 0;
padding: 5px 0 15px 0;
list-style-type: none;
}

#sidebar ul li {
color: #ffffff;
font: normal 12px/29px “Century Gothic”, Century Gothic;
}

#sidebar ul li a {
color: #ffffff;
padding-left: 48px;
text-decoration: none;
background: url(“images/sidebar_menu.gif”) no-repeat left bottom;
display: block;
width: 204px;
height: 29px;
}

#sidebar ul li a:hover {
text-decoration: none;
background: url(“images/sidebar_menu_hover.gif”) no-repeat left bottom;
}

/* Sidebar – Menus – Submenus */

#sidebar ul li ul {
padding: 0;
}

/* Sidebar – Forms */

#sidebar #searchform {
margin: 0;
padding: 20px 0;
width: 252px;
text-align: center;
}

#sidebar #searchform #s {
width: 212px;
}

/* Sidebar – Tables */

#sidebar #calendar_wrap {
margin: 0 auto;
width: 145px;
padding: 5px 0;
}

#sidebar #calendar_wrap table {
width: 145px;
}

#sidebar #calendar_wrap caption {
font-weight: bold;
}

#sidebar #calendar_wrap tbody {
text-align: right;
}

#sidebar #calendar_wrap tfoot #next {
text-align: right;
}

#sidebar #calendar_wrap #today {
font-weight: bold;
}

/* Sidebar – Texts */

#sidebar .textwidget {
padding: 3px 7px 5px 7px;
}

/* Main – Content */

#content {
float: left;
width: 657px;
padding-top: -26px;
}

/* Main – Content – Post */

#content .post {
float: left;
margin-bottom: 20px;
width: 617px;
background: url(“images/post.gif”) repeat-y;
}

#content .post-top {
width: 617px;
background: url(“images/post_top.gif”) no-repeat;
}

#content .post-bottom {
width: 617px;
background: url(“images/post_bottom.gif”) no-repeat left bottom;
}

/* Post – Title */

#content .post .post-title {
width: 426px;
height: 65px;
padding: 20px 10px 0 25px;
color: #ffffff;
font: normal 12px “Century Gothic”, Century Gothic;
position: relative;
}

#content .post .post-title a {
color: #ffffff;
text-decoration: none;
}

#content .post .post-title a:hover {
text-decoration: underline;
}

#content .post .post-title h2 {
color: #FFC000;
font: normal 18px “Century Gothic”, Century Gothic;
padding-bottom: 3px;
}

#content .post .post-title h2 a {
color: #FFC000;
text-decoration: none;
}

#content .post .post-title h2 a:hover {
text-decoration: underline;
}

#content .post .post-title .post-title-info {
padding: 0 3px;
width: 520px;
height: 19px;
line-height: 19px;
}

/* Post – Entry */

#content .post .post-entry {
font: normal 12px/18px “Century Gothic”, Century Gothic;
color: #000000;
width: 537px;
padding: 0 40px;
}

#content .post .post-entry a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry a:hover {
text-decoration: underline;
}

#content .post .post-entry a.more-link {
font-weight: bold;
}

#content .post .post-entry blockquote {
border-left: 10px solid #ededed;
margin: 0px 30px;
padding-left: 15px;
}

/* Post – Info */

#content .post .post-info {
width: 526px;
height: 19px;
padding: 5px 10px 10px 81px;
font: bold 10px “Century Gothic”, Century Gothic;
color: #000000;
}

#content .post .post-info-in {
line-height: 19px;
width: 520px;
padding: 0 3px;
height: 19px;
text-align: left;
}

#content .post .post-info a {
color: #000000;
text-decoration: none;
}

#content .post .post-info a:hover {
text-decoration: underline;
}

/* Post – Subtitle */

#content .post h3 {
margin: 20px 0 5px 0;
color: #000000;
font: bold 15px “Century Gothic”, Century Gothic;
}

/* Post – Comments */

#content .post .comments {
font: normal 12px/18px “Century Gothic”, Century Gothic;
color: #000000;
width: 537px;
}

#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}

#content .post .comments ol li {
padding: 5px;
}

#content .post .comments ol li a {
color: #000000;
text-decoration: none;
}

#content .post .comments ol li a:hover {
text-decoration: underline;
}

#content .post .comments ol li.alt {
background: #ededed;
}

#content .post .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}

#content .post .comments ol li cite a {
color: #000000;
text-decoration: none;
}

#content .post .comments ol li cite a:hover {
text-decoration: underline;
}

#content .post .comments ol li .commentmetadata a {
color: #000000;
text-decoration: none;
}

#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}

/* Post – Comment Form */

#content .post #commentform {
font: normal 12px/18px “Century Gothic”, Century Gothic;
color: #000000;
width: 537px;
padding-left: 25px;
margin: 0;
}

#content .post #commentform a {
color: #000000;
text-decoration: none;
}

#content .post #commentform a:hover {
text-decoration: underline;
}

/* Main – Content – Navigation */

#content .navigation {
float: left;
margin-bottom: 20px;
font: bold 12px “Century Gothic”, Century Gothic;
color: #000000;
width: 605px;
padding: 0 6px;
}

#content .navigation a {
color: #000000;
text-decoration: none;
}

#content .navigation a:hover {
text-decoration: underline;
}

#content .navigation .navigation-previous {
float: left;
}

#content .navigation .navigation-next {
float: right;
}

/* Footer */

#footer {
width: 974px;
height: 60px;
color: #000000;
font: normal 10px/16px “Century Gothic”, Century Gothic;
text-align: center;
}

#footer a {
color: #000000;
text-decoration: underline;
}

#footer a:hover {
text-decoration: underline;
}

hey guys i figured it out! i had to change the main index template.php file with that onclick.href code in addition to the header.php

i’ve tried the onclick.href code, doesnt work… here is the header.php code and below that the style.css code: what am i missing?

header.php:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
<html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes() ?>>
<head>

<title><?php if (is_home()) {
echo bloginfo(‘name’);
} elseif (is_category()) {
echo __(‘Category » ‘, ‘blank’); wp_title(‘« @ ‘, TRUE, ‘right’);
echo bloginfo(‘name’);
} elseif (is_tag()) {
echo __(‘Tag » ‘, ‘blank’); wp_title(‘« @ ‘, TRUE, ‘right’);
echo bloginfo(‘name’);
} elseif (is_search()) {
echo __(‘Search results » ‘, ‘blank’);
echo the_search_query();
echo ‘« @ ‘;
echo bloginfo(‘name’);
} elseif (is_404()) {
echo ‘404 ‘; wp_title(‘ @ ‘, TRUE, ‘right’);
echo bloginfo(‘name’);
} else {
echo wp_title(‘ @ ‘, TRUE, ‘right’);
echo bloginfo(‘name’);
} ?></title>

<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS” href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

<?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?> <!– enables nested comments in WP 2.7 –>
<?php wp_head(); //leave for plugins ?>
</head>

<body>
<div id=”wrapper”> <!– #wrapper ends in footer.php –>

<div id=”header”>
<div id=”titlublog”>
<h1>“><?php bloginfo(‘name’); ?></h1>
<h2><?php bloginfo(‘description’); ?></h2>
</div>
<div id=”topstop”><?php include(TEMPLATEPATH.”/topstop.php”);?></div>
</div>
<div class=”topmenuwraptop”></div>
<div class=”topmenu”>

<?php wp_list_pages(‘sort_column=menu_order&depth=1&title_li=’); ?>

</div>
<div class=”topmenuwrapbottom”></div>

*********

style.css:

/*
Theme Name: TNT Grunge Stop
Theme URI: https://tntbase.com/wordpress-themes/tnt-grunge-stop/
Description: TNT Grunge Stop Theme for gamers, artists and others
Version: 1.0
Author: TNT Base
Author URI: https://tntbase.com
Tags: black, red, white, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post

Based on Kubrick v1.5
https://binarybonsai.com/kubrick/
The Kubrick theme was designed and built by Michael Heilemann,
whose blog you will find at https://binarybonsai.com/
The CSS, XHTML and design is released under GPL:
https://www.opensource.org/licenses/gpl-license.php
*/

/* — just some ugly styling to make it easier to get started, can safely be removed */
.entry-meta, #entry-meta-single {
background-image: url(images/grungemeta.jpg);
background-repeat: repeat-x;
padding-top: 5px;
margin-top: 10px;
}
#respond {}
#footer, #header {}
li.depth-1 {}
.navigation {}
.post {}

/* – BASIC STUFF – */
body {
color:#333;
margin:0 auto;
padding:0 20px;
background-color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
line-height: normal;
}
a:link {
color: #AD0314;
text-decoration: none;
font-weight:bold;
}
a:visited {
text-decoration: none;
color: #903;
font-weight:bold;
}
a:hover {
text-decoration: none;
color: #333;
font-weight:bold;
}
a:active {
text-decoration: none;
}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* — LISTS — */
ul {margin:0;padding:0;}
ul li { margin-left:0px; padding-left:5px; padding-bottom:4px; margin-top:3px; margin-bottom:5px; border-bottom:1px dotted #000;}
li {list-style-type:none;}
ul li ul li {border-bottom:none;padding-bottom:0;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ol {margin-left:0;}
.entry-content ul{
margin-left: 0px;
}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside; border-bottom:none;}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* — HEADINGS — */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* — MAIN DIV’S — */
#wrapper {
float:none;
clear:both;
padding:0;
width:950px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: url(images/grungebackground.jpg);
background-repeat: repeat-y;
}
#header {
height:421px;
text-align:center;
background-image: url(images/header.gif);
margin-top: 0;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;width:950px;}

/* — HEADER DIV’S — */
#titlublog{margin:260px auto 0px 140px; width:480px; padding:0px; position:relative; display:inline; float:left; text-align:left;}
#titlublog h1 {font-size:22px;}
#titlublog h2 {font-size:16px;}
#topstop{
width:242px;
height:200px;
float:right;
display:inline;
text-align:left;
font-size:12px;
font-weight: bold;
margin-top: 205px;
margin-right: 57px;
margin-bottom: auto;
margin-left: auto;
overflow:hidden;
}
.topmenu{
width: 820px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 70px;
padding-bottom:2px;
}
.topmenu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
.topmenu li {
display: inline;
padding-right:10px;
padding-top: 5px;
padding-bottom: 5px;
}
.topmenuwraptop{
background-image: url(images/topmenu.jpg);
background-repeat: repeat-x;
background-color:#FFF;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 10px;
width: 840px;
}
.topmenuwrapbottom{
background-image: url(images/topmenu.jpg);
background-repeat: repeat-x;
background-color:#FFF;
margin-top: 0px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
height: 10px;
width: 840px;
}

/* — POSTS — */
.post-index {margin:0 0 30px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;width:540px;margin-left:70px; display:inline;}
.stickypost {
margin:0 0 30px;
background-image: url(images/stickypost.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/* — SIDEBARS –*/
.sidebar-wrap {margin:0 55px auto auto; overflow:hidden; float:right; clear:none;width:260px; display:inline;}
.sidebar {width:100%;clear:none;}
.block-1 {float:left; width:260px;}
.widget{
background-color: #FFF;
background-image: url(images/widget.jpg);
width:250px;
padding:0 0 5px 10px;
}
.topwidget{
background-color: #FFF;
background-image: url(images/topwidget.jpg);
width:260px;
height:15px;
}
.bottomwidget{
background-color: #FFF;
background-image: url(images/bottomwidget.jpg);
width:260px;
height:15px;
margin-bottom:22px;
}
h3.widgettitle {
padding-bottom:3px;
border-bottom:3px dotted #000;
margin-bottom:7px;
}

/* — 404-PAGE –*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* — COMMENTS — */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px; margin-top:0px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}
.commentmetadata a{font-size:9px; font-weight:normal;}
a.comment-reply-link{font-size:10px; font-weight:normal;}
cite.fn{font-weight:bold;}
li.even{background:#ddd;}
.comment-author-admin{border-left:3px solid #900; border-bottom:3px solid #900;}
ul.commentlist li {border-top:1px dotted #000;overflow:hidden;}

/* — ALIGNMENTS –*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* — NAVIGATION –*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}
.avatar {float: right; margin-left:15px; margin-bottom:15px;}

/* — WORDPRESS REQUIRED –*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

a img{border:none;}
p img { padding: 0; max-width: 100%; }
.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

i did, but im not sure how it pertains to the header.php and style.css files in my template. could u take a peek at them? thanks esmi!

jim

Hello,

thought I’d let everyone know i followed “lysistarielle’s” directions and then scaled the twitter widget down to a width of “250” in the code in the text box AND WALLA! good stuff!