Wordpress Themes - WP Forum at BFA - Using a page template with only CSS settings from Theme Options...

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)

- - Using a page template with only CSS settings from Theme Options... (http://forum.bytesforall.com/showthread.php?t=5082)

Masselyn

Dec 31, 2009 08:40 PM

Using a page template with only CSS settings from Theme Options...

This might be simple - but is it escaping me. I have created a new page template because I wanted to have my client's newsletter show up on a page by itself (no header, footer, or any other formatting dictated in Theme Options). Problem is that these newsletters require CSS that is currently in the Theme Options (ha!), but of course it is not pulling that. How can I tell the template page to pull only the CSS settings from Theme Options, but nothing else?

Thanks in advance.

juggledad

Jan 1, 2010 05:28 AM

copy index.php and remove the stuff you don't need

Masselyn

Jan 3, 2010 05:22 PM

I did that, and I removed the:

PHP Code:


		
			
<?php     /* get all options: */

include (TEMPLATEPATH . '/functions/bfa_get_options.php');

get_header(); ?>

from the top because I didn't want it to pull settings from the Theme Options. Then, I realized, I was also not pulling CSS that I had inserted there which are needed for these pages. Perhaps an easier way would be : how can I have CSS rules assigned to this new template without it trying to use the ones that are being used by the other templates in the Theme. Is there PHP where I can even just have it pull from an external CSS file that I set up for it?

Thanks.

lmilesw

Jan 12, 2010 06:46 AM

I too am trying to build a page template. I want all the CSS to be there but in my case I don't want the header, logo, etc. on the page. I'm just going to put a link to the home page at the top.

I have tried many iterations of modifying the index.php with no success.

juggledad

Jan 12, 2010 07:09 AM

larry, just add some CSS to prevent the display on your page ie.

HTML Code:

/* ================================================ */

/* CSS to remove header image area from a page   */

/* ================================================ */

body.yourpageid div.header-image-container {

        display: none !important; 

}

lmilesw

Jan 12, 2010 07:12 AM

"That was easy". Sometimes I look too hard.

lmilesw

Jan 12, 2010 07:53 AM

I spoke too soon... The page Id in my case is 1460 so I used the following.

Code:

body.1460 div.header-image-container {

        display: none !important; 

}

It didn't work. Just using div.header-image-container with a display of none does of course remove the image from everywhere but the page selector isn't working. Is my syntax correct?

juggledad

Jan 12, 2010 08:14 AM

you need 'body.page-id-xxxx'

All times are GMT -6. The time now is 06:18 AM.