The Main Layout has changed

August 20, 2007 — 24 Comments

Ok so the main layout has been changed. I went for a very simple graphic layout. I will be changing many of the links to graphic links also.
Do you like it?
It’s custom on wordpress.com…so not a standard thing which is cool.

Only thing I think I want is the whole thing centered, but I can’t get the code to work for me.

So my issues:
1. I can’t get it to center..and have grey go all the way across
2. I think I am going to change all of the orange to dark red  That’s done
3. Some reason the header doesn’t butt up with the top

Any Code genius peeps out there? HELP!

Joel Klampert

Posts Twitter Facebook

24 responses to The Main Layout has changed

  1. The new layout looks great!! We missed you guys on Sunday but look forward to seeing you next week!
    ~liz

  2. I was wondering where you guys were…It was a great service. cya sunday

  3. I like it. I’ve been thinking of switching to wordpress, because of the cleaner look. You’ve done well on the design.

  4. brent…thanks man…yeah do it…wordpress rocks..I do like your background though..but you can use it over here as well

  5. Alright, I am working on it as I type. I’ll see what I can come up with. So far i like it, but I would like to get into the CSS like Blogger allows you to do…without paying. I’d like to change some colors and font sizes. Maybe I am missing something?

  6. yeah I think it was $10 for the year for the CSS stuff. too me well worth it. I love the interface and the ease of wordpress way better than blogger.
    Let me know when you move.
    I totally forgot to add you to my blogroll…consider it done brent

  7. Thanks for the blogroll link. I will return the favor on the new site.

    You can check put the basic setup at brenttrf.wordpress.com. Let me know what you think. Your welcome to comment there. I think I will purchase the CSS access. I agree that it would be worth it.

    Thanks!

  8. mandy: thanks im almost done

    brent: sweet…welcome to the cool world of blogging..

  9. Dude! Something is seriously wrong with my blog. I haven’t messed with the CSS stuff yet, just trying themes out and all I can get is what you see. you’ll have to check it out. it doesn’t matter what theme, they all look like this?

    I’ve posted a topic on the forum to see what’s up.

    Anyway, glad your still looks good 🙂

  10. Joel,
    Your centering solution:

    In your CSS file you start with something like:

    div#container {
    float: right;
    margin: 0 0 0 -200px;
    width: 100%;
    }

    Which is kewl, but above it you need to add something like:

    body
    {
    text-align: center;
    }

    div#container
    {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }

    For an explanation of why this works google “CSS center”

    For a website I designed and centered using this type of CSS see:

    http://thesource.peacesaginaw.org

    The site looks great, and I’m jealous 🙂 As soon as I get a job I’m spending $10 on some custom CSS for my site too 🙂

  11. huh…wierd…if I can help let me know…im not a genius but uh…ive got some smarts. lol

  12. OK, things seem to be back to normal…weird!

    But I will be taking it slow from here on out. Thanks for letting me freak out on your blog 🙂

  13. ha ha ha…freak away dude..

    just dont hit people. lol

  14. Hey this is off topic, but I checked out Fr Dave’s Blog and really enjoyed his writing. Please pass along this info of thanks.

    I have added him to my reader.

  15. ha considering he is my dad…Ive gotta like him…but yeah he is good. you can check out the church site as well if you want to hear any of the teachings…killer stuff.

  16. Awesome, I did not realize that. Very cool.

    I will be checking out the stuff on the website. Love the graphics. Our graphics guy is on The Lab at Flickr and said he has seen your churches stuff and likes it a lot.

  17. oh cool man..I love the lab…Ive gotta get back on there…i appreciate the kind words man

  18. I’m liking the new header. Believe it or not it seems more reverent to me.

  19. love the new header.

    Good job on using the !important feature to figure out the centering. Having multiple linked CSS files can really mess you up sometimes.

  20. brent: thanks man…I love changing the headers…i get bored easy. lol

    Billy: yeah man…I was able to center it but i couldnt get the text to left justify as well.. luckily Chris Moncus at fred mickinnons church helped me out with that.

    THANKS CHRIS!!!

  21. Dude, how are you setting up all your banner links?

    Also, maybe this is for Billy too. How would I canter and stretch a background. I don’t want it tiled.

    Here is the background code, what do I need to add to it?

    body {
    background: url(“http://www.something.com/jpg”);
    }

    Thanks guys.

  22. ok man here goes…

    banner link in sidebar. I save image on my server, but I think you can upload to wordpress as well and then…heres the code

    href=”http://cecworship.wordpress.com/tag/ancient-and-new/”><img src=”http://www.cecworship.com/blog/ancient.jpg” alt=”Ancient…new again” border=”0″

    close the tags with the < and a codes…cant type it cus it disappears. lol

    first part is the link address, second part is the image location, third part is the alt text

    K now onto the body code
    I would have to do a little trial and error here but it should be

    background:url(‘http://something.com/jpg’) repeat-x top center fixed;

    the center and fixed might be the variables but repeat x makes it tile across only

  23. I think I figured some stuff out. Thanks for the codes. I worked on stuff last night…colors, header and some borders. I think it is a little more me now.

    Thanks!

Leave a Reply

Text formatting is available via select HTML. <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

CommentLuv badge