How to Customize the Thesis Background - Page 2

kingdomgeek · #11 (**permalink**) 08-03-2008, 01:43 AM

kderevan: It doesn't appear that you've added anything to your custom.css file yet?

kderevan · #12 (**permalink**) 08-03-2008, 09:32 AM

Well, yes, I thought I had? I will look at it again, but I copied and pasted into the custom.css in the "edit themes" section.

kderevan · #13 (**permalink**) 08-03-2008, 09:51 AM

My custom.css file located with all the other style files has the code I copied into it.

kingdomgeek · #14 (**permalink**) 08-03-2008, 10:09 AM

kderevan: Thesis doesn't support the thesis/custom.css file; you'll need to edit the file located at thesis/custom/custom.css and upload it. At this time, there's no way to edit this file via the WordPress admin panel, meaning you'll need to edit it on your computer and upload the finished file.

Alternatively, you could add this line to your header.php file:

HTML Code:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/custom.css" type="text/css" />

Add that line *after* this:

PHP Code:


			
<?php 
wp_head();
thesis_hook_header();
?>

However, the current official way is, as said above, to edit the custom.css file found in the /custom/ folder.

kderevan · #15 (**permalink**) 08-03-2008, 10:11 AM

DOH!! Thank you. You have probably solved 99% of my problems with that. Obviously I was "unclear on the concept" as I have been messing around with that silly file forever!

kingdomgeek · #16 (**permalink**) 08-03-2008, 10:16 AM

kderevan: No problem.

kderevan · #17 (**permalink**) 08-03-2008, 05:28 PM

I'm sorry, I must be a hard case. I'm still not getting it. I edited the custom.css file and uploaded it and still, nothing.

kingdomgeek · #18 (**permalink**) 08-03-2008, 05:44 PM

kderevan: Looks like you added the code into the comment text.

Right now, your file looks like this:

Code:

/*
File:            custom.css
Description:    Custom styles for the Thesis Theme that you define

body.custom {
    background: #44443f;
}

.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #3e3e3a;
}

.custom #page {
    background: #fff;
}




Why this works:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!
*/

se over them

Why this works:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!
*/

Switch that out with this code and you should be fine:

Code:

/*
File:            custom.css
Description:    Custom styles for the Thesis Theme that you define

Use:

If you have enabled the custom stylesheet in the Thesis options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to overwrite *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

    .custom a, .custom a:visited { color: #090; } <--- This makes links green
    
    .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them

Why this works:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!
*/

body.custom {
    background: #44443f;
}

.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #3e3e3a;
}

.custom #page {
    background: #fff;
}

kderevan · #19 (**permalink**) 08-03-2008, 07:10 PM

Rick, may I just say that YOU ARE WONDERFUL and I might marry you.

kderevan · #20 (**permalink**) 08-03-2008, 07:11 PM

A warning, though. What I really want to do is use an image as the background, so, emboldened by this small success, I am going to try, and you might hear from me again.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode