Need help? Check out our Support site, then


Getting Started with Custom CSS

  1. How?

    I have always done it in the html file, with this type of thing:

    <!--[if IE]>
    <![endif]-->

    either putting the IE-specific style modifications right in there, or referencing a separate css file just for IE.

  2. One quick question:
    if i just want to add a buttom or a counter to the sidebar, the CSS Custom upgrade is my only chance?

  3. You can create and add a countdown ticker to a birthday or any other important event from the ticker factory in html without css customization http://www.tickerfactory.com/ezticker/ticker_designer.php

  4. What about one of those all-in-one feed buttoms like this one: http://www.feedbutton.com/ ?

    and, in case it's possible, where do i put the code? (the CSS Stylesheet Editor don't lets me save any changes...)

  5. i love my website

  6. i like my website too since I also pruchased the domain, yay!!!

  7. Could I add other HTML code from another web like shoutbox if I upgrade?

  8. @nieys

    Could I add other HTML code from another web like shoutbox if I upgrade?

    No. You would have to hire a web host or go to self hosting to do this.
    However, you have a meebo widget that you haven't installed on your blog yet. That is the only form of a shoutbox that can be used on our blogs here at wordpress.com. http://wordpress.com/forums/topic.php?id=5631&replies=2#post-36334
    (1) First you must register with meebo. I got the url off the net for you http://www23.meebo.com/index-en.html
    (2) Then you must go to -> Dashboard -> Presentation -> Sidebar Widgets and simply drag the meebo widget out of the "available widgets" box and drop it into the "sidebar" box and click "save changes".

  9. I think its lame that you haveto pay extra or any to modify CSS. its very basic and easy and can make a real difference.

  10. wordpress would be so much more popular if it was more custimizable. They should at least have a free version so I know what im dealing with before I buy...

    Yes you can put up banners on the side bar with HTML just go to sidebar options, drag Tex1 and paste html code in it and save..I tried to put google adsnse ads on but it didnt work...

  11. They should at least have a free version so I know what im dealing with before I buy...
    There are customized themes available. Here are some links to 8 of them to give you an idea of what is possible.
    http://ntuat.wordpress.com/
    http://sunburntkamel.archgfx.net/2006/12/30/custom-css/
    http://sunburntkamel.archgfx.net/2006/09/15/the-thin-line/
    And you can search for more here on the css customization forum.

    They should at least have a free version so I know what im dealing with before I buy...
    This should be posted in the ideas forum for sysadmin to consider.

    I tried to put google adsnse ads on but it didnt work...
    Adsense has nothing whatsoever to do with customizing the css of a blog. Please do a search of the forums for the word "Adsense". You will find perhaps two dozen threads on the topic. The short answer is that adsense is not allowed on any WordPress.com blogs except those in the VIP hosting program.
    Adsense may be allowed in the future as a paid option but there is no timeline for that. However, currently adsense IS allowed on self-hosted WordPress.org blogs, and for information read the thread at this link http://wordpress.com/forums/topic.php?id=3700&replies=1

  12. Ok I'm a newbie - and yes there are loads of general tutorials - but what I am looking for and seems to be missing is some reference on the WordPress use of CSS. Where is the doc saying "these are the classes and id tags that WP has defined for it's HTML pages"? From the little I've learnt of CSS there's no use saying that you want p.right paragraphs with an indent of 10px unless you know a "p.right" class exists in the first place. Yes you can look at the CSS example sheets and work out what elements in most cases they refer to - but have I missed an obvious link or something?

  13. I found it http://codex.wordpress.org/Site_Architecture_1.5 - I would suggest there should be a direct link on the Custom CSS page itself - as well as the current overall documentation link.

  14. the site structure varies from theme to theme. that's why there is no such document. the codex page linked above has information about classic and kubrick(default). there is information about sandbox here:
    http://s.wordpress.com/wp-content/themes/pub/sandbox/readme.html
    and here:
    http://lorelle.wordpress.com/2006/08/06/wordpresscom-custom-css-all-the-styles-for-the-sandbox-theme/

    for the rest of the themes, firebug is your friend.

  15. Good question from timple... good answer from sbk (each in the last few replies in this topic).
    I'd add that, once you know a specific theme you'd like to custom-CSS, you can look in the CSS forum here for mention of that theme. For example, I posted a link to my CSSing of Simpla (and the posts in which I describe that are a steady, if modest, impetus for visits to my blog).
    I guess that wp.com made the decision to offer a variety of themes, even though that means a variety of "site structure." They could have used a similar level of resources to offer a narrower, but more consistent, range of themes. I think that they made the right decision.

  16. I purchased the custom css upgrade. but when i go to presentation -> edit css, i am still unable to edit and save any css. Only the preview option is available. Is this some kind of bug or something? Or do I have to wait a few days before the custom css is activated. Or do I have toactivate somewhere?

  17. Just a pointer for folk asking about classes. Although we can not edit the html an important first step to the CSS is reading and in time understanding how the various templates - beginning with index.php (the first page) are marked up. We need to know for example what the major containers (divs) are called. How the spans are aplied. And what each class does. There is no two ways to cut this. It takes time even for experienced users. In some ways writing a new theme is easier than adapting a current one for that reason. Plus of course if you change themes half way you might need to retrace some steps. The important thing is that the learning process is fun, and in time very valuable.

    Next up - it is worth restating that Firefox is not only a stunning browser - as is Opera - but they both come with a humungous amount of tools that are very handy for this type of malarkey.

    It is also worth getting fitted up with a half decent text editor for your platform. Like anything else in life having the right tools really helps. The good news is that all this stuff is free. Good luck. :)

    Best Wishes

    Root 2.0. :)

  18. @xsy2007-
    it's supposed to activate pretty quickly, but it's not instantaneous. if it's been more than a day, use the feedback form in your dashboard.

  19. @root-
    yes, in addition to firefox+firebug, i use microsoft's visual web developer for editting CSS.
    * it's free
    * it highlights the CSS, so it's easier to read
    * auto-suggestion
    * in the sidebar, it shows my CSS grouped by elements, classes, or id's.

    i'm sure there are other good text editors out there, but for the love of god, don't use notepad.

  20. If I purchase the CSS upgrade, would I be able to make avatars not show up on my blog?

  21. can I insert statcounter without buying the upgrade?

  22. That has nothing to do with CSS, but yes. Put it in a text widget.

  23. thank you

  24. Ok. So I am a "newb" at all this CSS stuff, so these questions are probably going to seem elementary or just plain stupid to some of you....but....I must start somewhere!!

    I just purchased the custom CSS upgrade and I downloaded some other "themes" that I would like to play with on my blog. (themes outside of what WordPress offers)

    I have no idea where to start.

    I downloaded two separate themes. Both "zipped" files contained all kind of stuff I don't understand, and I don't know where I am supposed to copy and paste this new info. I tried to import this new info into my CSS spreadsheet.....and I have seen nothing new whatsoever. When I previewed the new look...nothing was different.

    Please help!

  25. Themes outside of what you see here ->Presentation -> themes are a "no go". The files you have downloaded are for wordpress.org free standing software. WordPress.com is on wp-MU multi-user software. They are differenet. Have you read thye sticky post at the head of the forum titled "Please read me first before posting"?

    Check out this link for more information ... personalizing your blog css customization

  26. timethief im new in here. i havent purchased the css cunstomization yet. so is it not possible to have a cbox widget on my blog?

  27. We have no idea what that is. It sounds like it's not related to this thread, so why not do a forum search for it and see if there's another one on it already?

  28. I have a blog on wordpress.com. http://tupsswd.wordpress.com/

    I purchased the ability to customize css. I was at first completely able to edit the css, changing colors and column widths.

    Now I am no longer able to edit the css.

    I edit my css code and save it to notepad. Then I paste my css edits into the CSS Stylesheet Editor. To absolutely no effect.

    I'm certain I am doing something wrong but what?

    I'd appreciate some help.

    thankx

  29. after you paste the code what happens?

  30. I'm delighted with the ease of use of the provided wordpress.com themes, but as with calypsotune above, I would like to make avatars go away.

    Is there a way to excise the avatar code with something that can be tacked onto the end of the css stylesheet to override it? I would happily buy an upgrade for that alone.

Topic Closed

This topic has been closed to new replies.