Support » Fixing WordPress » Change your CSS

  • Mark (podz)

    (@podz)


    Support Maven

    Seems that the thread has dropped back, so I’ll plug it if that’s ok
    http://www.tamba2.org.uk/graphicalcss/
    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)
  • Mark (podz)

    (@podz)

    Support Maven

    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
    -Heiesuke

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

    test

    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 binarybonsai.com :
    input, textarea
    {
    padding: 2px;
    font: 8pt verdana, Arial, ‘Lucida Grande’;
    -moz-border-radius: 6px;
    background: #eee;
    border: 1px solid #ccc;
    color: #666;
    }
    input[type=”text”]
    {
    width: 200px;
    margin: 0 2px 0;
    }
    .inputcont {
    padding: 0 0 10px 0;
    }
    .textareacontrol { float: right; }
    #commentform textarea
    {
    width: 100%;
    margin: 0;
    }
    input[type=”submit”]
    {
    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; }
    input[type=”submit”]:hover
    {
    background: #a30;
    color: white;
    cursor: pointer;
    }
    input[type=”text”]:focus, textarea:focus
    {
    border: 1px solid #a30;
    color: #333;
    background: white;
    -moz-border-radius: 4px;
    }
    input[type=”submit”]:focus
    {
    background: #333;
    color: white;
    }
    #menu #s:focus
    {
    color: #a51;
    background: #;
    }
    ——-
    M

    Anonymous

    fdasfdasfsdfdas

    MaxT

    (@maxt)

    Nice contribution, afdsfdsfdasdf, keep it up!

    Mark (podz)

    (@podz)

    Support Maven

    @southsea
    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.