Posted 2 years ago #
Hi - I am using the Blue Zinfindel theme. This has two thin vertical lines on the pages it displays .
I have one page where I want it to display the blog name and top bar menus, however I want a white background with no lines. I have tried a couple of plug ins that say they change background, however the lines remain.
Any suggestions ?
Without downloading your theme, this is a guess as to where the lines come from. In your header.php at the end write something like:
<?php if(is_page('YOUR-PAGE-NAME'){ ?>
<style type="text/css">
element {
background: #fff;
}
</style>
<?php } ?>You'll need to know what element had the vertical lines and if they are actually a background image or not. But, writing something like the above will write special CSS for only that page. If you have a link to the site a more specific answer can be given.
Posted 2 years ago #
Thanks. The site is http://www.ardley.net - it is the photos diaries menu at the top that has the problem (note - I have also posted for help on getting slickr gallery positioned properly
well this is going to be 2 fold.
first: make a new image for: http://ardley.net/wp/wp-content/themes/blue-zinfandel-enhanced-20/images/bg.gif
call it bg_white. In your image editing program, remove the 2 thin vertical lines. Make sure you upload it to the same folder.
then in your header.php add this.
<?php if(is_page('slickr'){ ?>
<style type="text/css">
#wrap {
background:#EFEFEF url(images/bg_white.gif) top center repeat-y;
}
</style>
<?php } ?>this seems to be the way to go.
Posted 2 years ago #
I followed the instructions and popped the code at the end of the header file (I also tried in the middle) and saved - it loads up a blank web site and nothing is displayed when that code is in there.
The header is here:
<!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'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->
<link rel="Shortcut Icon" href="<?php echo get_settings('home'); ?>/wp-content/themes/blue-zinfandel/images/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>
<body>
<div id="header">
<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a><br />
<?php bloginfo('description'); ?>
</div>
<div id="navbar">
<ul>
<li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>
<div id="wrap">
Posted 2 years ago #
I should also add, that I the photo albums menu option has inside it a redirect to http://ardley.net/slickr/
<!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'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->
<link rel="Shortcut Icon" href="<?php echo get_settings('home'); ?>/wp-content/themes/blue-zinfandel/images/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
<?php if(is_page('slickr'){ ?>
<style type="text/css">
#wrap {
background:#EFEFEF url(images/bg_white.gif) top center repeat-y;
}
</style>
<?php } ?>
</head>
<body>
<div id="header">
<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a><br />
<?php bloginfo('description'); ?>
</div>
<div id="navbar">
<ul>
<li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>
</div>
<div id="wrap">try that for your header.php
Posted 2 years ago #
Hi
I tried it and same symptoms - I reload the site and its just a white screen with no content
Posted 2 years ago #
tugbucket ... any suggestions ?
Looks like I had a typo, try:
<?php if(is_page('slickr')){ ?>
<style type="text/css">
#wrap {
background:#EFEFEF url(images/bg_white.gif) top center repeat-y;
}
</style>
<?php } ?>
Posted 2 years ago #
Sorry for the delay I have been away. I have added the snippet of code (its on the site now). The site loads OK now - so the blank home page is OK.
However,when I click on the "photo album" link, it shows a "page not found: xxx" in the tab (firefox) - loads the gallery - but the background is unchanged.
The image is correctly there (call bgwhite.gif).
I have played around for a couple of hours and have not been able to see what the problem is .. so tugbucket - appreciate further help !
Posted 2 years ago #
Hi - I fixed it - I played around with the CSS code of the slickr gallery plug. Thanks for helping though !
This topic has been closed to new replies.
