You are making a huge mistake not using a Child Theme with the default WP theme – you’re going to lose all your customizations when WP is updated… Why not start by sorting out how to set that up right?
Hi WPyogi
I am in the process of trying to figure out how to work in a child theme with the WP symposium, I understand its value. I have all of the default theme files saved, and will import them back in when I have figured out how to make a child theme congruent with WP symposium. In the meantime, I am also trying to figure out to style a specific page template.
It’s much harder to make a child theme later – you will have to redo a lot of your work – theme settings and options don’t transfer to a child theme. Have you been able to use a child theme without the WP Symposium? If so, have you asked them about that problem? http://wordpress.org/support/plugin/wp-symposium
I have used a child theme without problem before installing the WP Symposium. However, in order to get WP Symposium work properly I had to start with a fresh install of wordpress, and re-implement whatever modifications I had previously made. I initially tried to make a child theme after installing WP Symposium, but it changed the entire layout and setup of the site. I will contact them directly about making a child theme.
Okay, see what they say – just so you know, I’m not trying to avoid your question or be obnoxious here – just that it’s really unfortunate when someone ends up losing a whole ton of work and/or has problems because they’ve modified the default theme. They’ll post here – understandably upset and say “no one told me” … – so we really try to “encourage” people to avoid that path :).
It certainly seems like WP Symposium “should” be able to work with a child theme…hopefully it will be a relatively easy “fix.”
Thanks, yeah, I certainly understand the utility of a child theme. They are important. Hopefully it should be easy to implement.
So back to my original question. How can I add css to a specific page template? It has a custom header.php file that is different from the rest of the site. I’ve also made an external css stylesheet called front.css. I’ve tried adding
<link rel=”stylesheet” href=”front.css” media=”screen” />
in various configurations to my custom header file based on other threads, but that doesn’t seem to work.
Thanks again.
Using the absolute URL in the href= above may work, but the other way to add styles to one page or one template is to use the unique class or id in the CSS selectors – the body tags has those in most themes. In your site, see
<body class="home blog custom-font-enabled single-author">
So you could use, for example, for blog template:
body.blog {
...
}
Hi
What I am specifically trying to do is simply move the sidebar to the left side of the page of the Front-Page template (front-page.php). I added
@media screen and (min-width: 600px) {
.site-content.template-Front-Page {
float: right;
}
.widget-area.template-Front-Page {
float: left;
}
}
/* for IE8 and IE7 —————-*/
.ie .site-content.template-Front-Page {
float: right;
}
.ie .widget-area.template-Front-Page {
float: left;
}
to the main style.css file, but it didn’t work. I also tried switching the .site-content with the .template-Front-Page, to no avail. What is wrong with the code?
That code works if I take out the .template-Front-Page, but is applied to all pages.
Is that this page? http://www.thefreecollective.org/login/ or can you post a link to it?
Assuming that’s going to be the only home page, that’s probably the logical class to use – I don’t see a class “template-Front-Page”.
So try putting body.home in front of the selectors you have – ie:
body.home .site-content.template-Front-Page {
float: right;
}
Thanks. That worked sufficiently after taking out the .template-Front-Page.
Oops, sorry, I meant to take those out – ugh. Glad you caught that.
