Custom CSS - IDIOT NEWB Needs Help

[kingdomgeek]

You got it right on #9, mooseguts. Open the file in Notepad, paste the code you want to add into it on new lines at the bottom of the file, and upload it back to the thesis/custom directory.

[mooseguts]

ok. that's what i thought.


but, back to original problem. i don't have a custom.css file. do i just use the text it provides me when i click on the "see your custom style sheet"? if so, where do i drop the code?

[mooseguts]

oh my gosh - it worked. hahaha. TWO DAYS i spent on this. for such a simple thing.


i feel like rick's annoying little brother. thanks again rick. i didn't intend to take up so much of your time.




annoying question, where can i find colour codes to change the colour? hahaha. this is going to be a long 2 years for me - my goal is to have my custom header and my pimped out sidebars done in time for the vancouver olympics in 2010.

[kingdomgeek]

i feel like rick's annoying little brother. thanks again rick. i didn't intend to take up so much of your time.

It's my pleasure, moose!

Color codes can be found by looking through the style.css file of Thesis. Colors will look like "color: #ff0000" in the style, where the 6-digit code will of course change with the color.

So for instance, if you want to change the text of your posts to red just to be all, you know, red and stuff, you could do this in custom.css:

.custom .format_text { color: #ff0000; }

Or more simply:

.custom .format_text { color: red; }

[diythemes]

Mooseguts,

You have to edit the custom.css file OUTSIDE of WordPress. In other words, you can't accomplish what you're after from within the WordPress administration panel; instead, you need to edit the custom.css file separately (like you would any old file, for instance), and then you should upload your modified custom.css file with your FTP client (CyberDuck).

If you're on Windows, try opening custom.css (from the /thesis folder on your desktop) inside Notepad. Make your changes, SAVE the file, and then upload that modified custom.css file to the /custom folder on your server with CyberDuck.

[diythemes]

Whoops, I just realized that this thread had a second page, and all the problems were already solved

[kingdomgeek]

It's okay, Chris; sooner or later, we all Fail at Forums.

[mooseguts]

i want to hug both of you just for talking to me. thanks again.

[eaglet7777]

in my custom.css file on my server I have this: (picking up at end of comments)

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: #8db6b6 url('images/bg-ocean.jpg') 50% 0 no-repeat;
}


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

.custom #page {
background: #fff;
}


No background image shows. What did I miss. The border around the container is there so I know something is working , but no image. the path on my server for the images is :

....thesis/custom/images/custom_images/...

Can you tell what I am missing? Meg

[kingdomgeek]

Put your image in /thesis/custom/images/

Or change the CSS to reference images/custom_images/bg-ocean.jpg instead of images/bg-ocean.jpg