Support » Fixing WordPress » Change your CSS

  • Seems that the thread has dropped back, so I’ll plug it if that’s ok
    Information so you can change the CSS in the following areas;
    * The Header
    * The Post Content
    * The Menu
    * The Footer
    * Link Classes
    * The rap div & Images
    * Put the menu on the left
    * Image alignment & Drop Shadows
    * Customising the Comments page

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thanks !
    I’ll add that 🙂
    I’m actually offline due to moving house / isp change for a few days from tonight, and I’m planning on checking the tutorial all over (yay for Xampp !) and making any necessary changes.
    I’ll credit you for the code – thanks again 🙂

    Thanx a WHOLE lot for this, it helped me a bunch

    is there any update on how to style the seaarch box?


    About the search form, check for these sections in your css file which control form margines and the text input box:
    #menu form {
    margin: 0 0 0 13px;
    #menu input {
    background: #eee;
    border: 1px solid #999;
    letter-spacing: -0.05em;
    width: 80%;
    Also add these to the bottom of your css file just to test how it might look with these additional tags. It’ll give you some idea how to modify the forms.
    I saw this :
    input, textarea
    padding: 2px;
    font: 8pt verdana, Arial, ‘Lucida Grande’;
    -moz-border-radius: 6px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    width: 200px;
    margin: 0 2px 0;
    .inputcont {
    padding: 0 0 10px 0;
    .textareacontrol { float: right; }
    #commentform textarea
    width: 100%;
    margin: 0;
    color: white;
    background: #444;
    padding: 2px 3px;
    select { font: 11px Verdana, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Sans-Serif; }
    /* FOCUS & HOVER */
    input[type=”text”]:hover { border-color: #999; }
    background: #a30;
    color: white;
    cursor: pointer;
    input[type=”text”]:focus, textarea:focus
    border: 1px solid #a30;
    color: #333;
    background: white;
    -moz-border-radius: 4px;
    background: #333;
    color: white;
    #menu #s:focus
    color: #a51;
    background: #;


    Nice contribution, afdsfdsfdasdf, keep it up!

    I’ve not forgotten, but in looking at doing the tutorial, and seeing where different versions of WP have the relevant code, I’m going to wait until 1.2 comes out and I can use that.
    Although it’s not too hard to find, because it’s messing with ‘behind the scenes’ php code, I’d rather write some very clear instructions that cover sourceforge releases. Right now, I’d guess that there a whole load of versions being used.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change your CSS’ is closed to new replies.