Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] Styling my custom page template (http://forum.bytesforall.com/showthread.php?t=18852)

gr870sfunk Nov 6, 2012 01:41 PM

[SOLVED] Styling my custom page template
 
WP: 3.4.2
ATA: 3.7.9

I have created a custom template by copying and renaming the index.php to sample.php.

I know that to change the footer and/or header I would do the same thing with their respective php files as well.

I did the following to change styling aspects of the main page:
HTML Code:

body.page-template-sample-php {
background-color:#171719;
background-image:none;

body.page-template-sample-php h1{
color:#8616ab;
}

body.page-template-sample-php p{
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
color:red;
}

My questions are:
1. what selector(s) would I use to change the center column background?
2. how am I supposed to alter (let's say) header2.php so that it contains only an image (no menu or anything else)? I do not really know any php so altering the actual code in the file is something i'm not too keen on trying.

Any help is greatly appreciated. Thanks!

juggledad Nov 7, 2012 06:17 AM

Quote:

I know that to change the footer and/or header I would do the same thing with their respective php files as well.
If you make copies of them be prepared to do some extra editing. You might want to readup on the get_header function - do a google search 'wordpress get_header'
Quote:

1. what selector(s) would I use to change the center column background?
The best way to figure this out is to use the FireBug extension in FireFox to examine the areas on the page. This will show you what CSS is being applied to the HTML elements and what ID's and classes are associated with the HTML elements so you can construct the CSS selectors nad rules you will need.
Quote:

2. how am I supposed to alter (let's say) header2.php so that it contains only an image (no menu or anything else)? I do not really know any php so altering the actual code in the file is something i'm not too keen on trying.
if you don't mind the menu being in the source, you can hide it using CSS and not have to have another 'header.php', you can even have a seperate header image with the other pages using a rotating header by using
HTML Code:

body.page-template-xxxxxxxxx-php div#imagecontainer {background: url("http://yourdomain.com/wp-content/uploads/2012/07/cropped-dragonfly3.jpg") no-repeat scroll left top transparent !important;}
body.page-template-xxxxxxxxx-php div#imagecontainer img {display:none !important;}

t

gr870sfunk Nov 7, 2012 10:18 AM

Thanks JD! I have gotten that issue taken care of thanks to your help and some putzing around with the CSS.

I have come across another issue though. Currently, the right sidebar has no background on my site, but this sub-site I am creating (using the new page template "beyond.php") needs to have a plain old white background and some sort of border.

I read over this thread, but I don't understand how the footer would effect the sidebar.

Long story short, I don't know how to style the sidebar of this new page template. Many thanks!

EDIT:
Nevermind. I figured it out.
HTML Code:

body.page-id-2111 #right{
 background-color: #FFF;
}


juggledad Nov 7, 2012 10:30 AM

what is the url of the page in question?

gr870sfunk Nov 8, 2012 09:08 AM

http://www.energyfairness.org/beyond-affordable pw: Emily2012

The problem I'm having now is how to change the width of the center column and sidebar in the new page template.

EDIT:
again, after some more research, I have solved the sidebar width problem using .colthree as my selector.

HTML Code:

body.page-template-beyond-php .colthree{
background-color: #FFF;
width:450px !important;
}


juggledad Nov 8, 2012 09:51 AM

good job! any other issues?

gr870sfunk Nov 8, 2012 11:13 AM

Not as of now, but Lord only knows what I might run into. I've moved onto the widgets for the sidebar, so I think i'm good to go on the over page template layout.

I feel kinds stupid for posting and then answering my own questions, but I know if i've run into these problem someone else has or will. Hopefully this will help some folks out.


All times are GMT -6. The time now is 03:22 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.