My website is clonesnclowns.com and I am trying to enlarge the header so that my whole logo is visible.
I would also like to remove the tiny dots around the navigation menu.
Any tips ?
Thanks a lot !
]]>My site is clonesnclowns.com and my theme is Under the Influence + Twenty Eleven on the Images section
I’m having great difficulty getting my whole header image to show + moving the navigation down
I would also like to remove the dots on the navigation menu
I’ve tried everything I can find on the forums already, no luck..
I’m a CSS beginner so go easy on me 
Thanks a lot for your precious help
]]>#headerimage {
clear: both;
background: transparent url(img/header.jpg) no-repeat 0 0 center;
margin: 10px;
height: 75px;
width: 830px;
When I upload a pic 830×75 it still gets cropped and the header is totally messed up. Plus sometimes there is a black background instead of transparent.
This is the blog:
https://www.gruender-foerdermittel.de/
Thanks a lot for you help
]]>but every time I try and change things it makes the whole page all wacky… if anybody can just rework the code so the background image is actually a regular image, and a hyperlin, and it doesnt effect the layout in anyway that would be awesome… here’s the code:
<div id=”headerimg”>
<div style=”background: #fefefe url(‘<?php get_random_imgurl_in_dir(‘images/headers’); ?>’) no-repeat; height: 128px;”>
Here is the entire text of the template in case it helps… THANKS IN ADVANCE!!!!!
<?php
/**
* @package WordPress
* @subpackage Homywhite_Theme
*/
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”https://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<head profile=”https://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<title><?php wp_title(‘«’, true, ‘right’); ?> <?php 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 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’); ?>” />
<!– added by Eyoung @ 2009.30 for toggling the div –>
<script src=”<?php bloginfo(‘template_url’); ?>/lib/js/ToggleDiv.js” type=”text/javascript”></script>
<style type=”text/css” media=”screen”>
<?php
/* commented out by Eyoung @ 2009.05.30
// Checks to see whether it needs a sidebar or not
if ( !empty($withcomments) && !is_single() ) {
?>
#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbg-<?php bloginfo(‘text_direction’); ?>.jpg”) repeat-y top; border: none; }
<?php } else { // No sidebar ?>
#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none; }
<?php }
*/
?>
</style>
<?php /*if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); commented out by Eyoung @ 2009.05.30*/?>
<?php wp_head(); ?>
</head>
<div id=”wrap”>
<!– begin header
<div class=”none”>[ View menu ]</div>–>
<div id=”header”>
<div id=”topline”></div>
<div id=”headerTitle”>
<h1>
</h1>
</div>
<div id=”headerimg”>
<div style=”background: #fefefe url(‘<?php get_random_imgurl_in_dir(‘images/headers’); ?>’) no-repeat; height: 128px;”>
<!–<div class=”musicPos”>
<?php/* xspf_player::start(‘category-tag’); */?>
<span class=”musicInfo”>Background Music</span>
</div>–>
</div>
</div>
</div> <!– header –>
]]>This should be a pretty simple task, but for some reason I am unable to complete it.
Here is the header code from the template:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”https://www.w3.org/1999/xhtml”>
<head profile=”https://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=”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(); ?>
</head>
<body>
<div id=”page”>
<div id=”header”>
<div id=”headerimg”>
<h1>/”><?php bloginfo(‘name’); ?></</h1>
<div class=”description”><?php bloginfo(‘description’); ?></div>
/” title=”My Homepage”>
</div>
</div>
Seems simple enough, but it wouldn’t work for me.
any ideas?
Thanks,
Ronan
]]>How do I move all the content down 50 pixels?
]]>I hope this question is not allready answered in another post. but i looked, and couldn′t find it. so anyway, if it was answered, forgive me, and send me a link to the topic.. now my question:
I recently updated my blog to wordpress 2.0.4, worked easily, but since I did it, there is an one pixel wide black line at the left and right corner of my headerimage. i can′t find any reason why it is there.. looked at the CSS, everywhere, but it still does not want to dissapear..please help me.. here′s the link –> https://www.b-z-a.net/blog ]]>
I’m upgrading from 2.0.2 to 2.0.4. My #headerimg isn’t scaling quite right — it seems to be about 3px or so too wide on both the left and right margin. In other words, under 2.0.2 it scaled exactly to the right and left margin lines but under 2.0.4 it sticks out on both sides.
In 2.0.2 I added this following the #header definition in header.php:
#headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }
#headerimg { background: url(‘<?php bloginfo(‘stylesheet_directory’); ?>/images/lijiang.jpg’) no-repeat top;}
In 2.0.4, I just modified the #header definition in style.css:
background: #73a0c5 url(‘images/lijiang.jpg’) no-repeat bottom center;
So, can anyone send some clue love my way? Thanks!
]]>But, there’s one thing I want to do. I’d like to make the header image as a clickable link to the main page on my site. And get rid of the blog title text. I’ve searched and found solutions for the Kubrick theme, but I really don’t want to mess anything up… What can I do?
Blog’s located here: www.redshiftradio.com
]]>I can get one or the other to look right, but fixing it in one immediately breaks it in the other. Here’s what I have right now:
from style.css:
#header {
padding: 0;
margin: 0 auto;
height: 200px;
width: 100%;
background-color: #73a0c5;
}#headerimg {
margin: 0;
height: 200px;
width: 100%;
}
from header.php:
#header { margin: 0 !important; margin: 0 0 0 0; padding: 0px; height: 200px; width: 758px; }
#headerimg { margin: 0 1px 0; height: 198px; width: 740px; }
The theme is chinared and the page can be found at https://www.eastasiawatch.com
If I change
#headerimg { margin: 0 1px 0; height: 198px; width: 740px; }
to “#headerimg { margin: 0 0px 0; height: 198px; width: 740px; }”
it’ll work in firefox, but immediately be off one pixel in IE. I’d appreciate any help. I’ve seen a couple of people w/ similar problems on the forum, but they’re all still unresolved.