how to change background on selected pages
-
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.
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.
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">
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
Hi
I tried it and same symptoms – I reload the site and its just a white screen with no content
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 } ?>
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 !
Hi – I fixed it – I played around with the CSS code of the slickr gallery plug. Thanks for helping though !
- The topic ‘how to change background on selected pages’ is closed to new replies.