• Hey, im new here, I have been looking about and i like what i see so i have decided to make my own wordpress site, but i have big problems – 1. CSS is new to me..! learning as i go…

    – What is the easiest way to edit, and how do i actually preview once i edit? I know minimal coding, but i’m sure i can trial and error if i can preview it all as i go!

    I have made a layout on front page of how i want my site to run and know exactly what i want, just not how to go about getting it! the codex is confusing me, i think i need people to people help lol!

Viewing 15 replies - 1 through 15 (of 22 total)
  • Moderator James Huff

    (@macmanx)

    You won’t get it that way!

    Thread Starter spoony

    (@spoony)

    sorry i edited post hit enter instead of tab before!

    Thread Starter spoony

    (@spoony)

    kk im having a look but still difficulties finding what i need :S. Its really help with editing my blog layout and theme thats really not css or is it :S

    What do you mean by “layout?”

    If it’s color, font size, images that’s all CSS.

    If it’s for example what order things appear in a sidebar, that controlled by the WP template.

    Thread Starter spoony

    (@spoony)

    right, i can see this is a steep learning curve, im gonna take macmanx’s for example, cos im liking it

    U know his comment boxes. i want them similar to his except different colours, and sizes, i want to use different bacground colours and sidebar details. i can upload a screenshot mock up from frontpage to show you want i want if that would help?

    What macmanx has is from the theme Wuhan.

    Here is the section of CSS code that controls part of the comment pages.

    .commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    .commentlist li {
    font-weight: bold;
    }
    .commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }
    .commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }
    #commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    .commentmetadata {
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    }

    That is only a small section of it.
    if you like that theme or part of it I suggest you download it, study how it is put together then add parts you like to whatever you are working on.

    EDIT: There is no quick way to do this, look around find what you like, download that theme and pick it apart til you find what you want.

    Then experiment.

    Thread Starter spoony

    (@spoony)

    thanks for ur help, im probs stressing you out lol!

    From what i can see the comment box is made up of a few of the images from the file? am i right?

    and to change the colours i simply edit theses images?

    No stress here.

    Where are you seeing images? Certainly not in the above code I listed.

    Thread Starter spoony

    (@spoony)

    no no, im into looking at the images folder in the theme?

    I assume you are speaking of macmanx’s theme “Wuhan” is that correct?

    If so the comment boxes use a top and bottom image each a different color. They would have to be called up using CSS.

    Thread Starter spoony

    (@spoony)

    yeah thats what i mean, im gonna do this 1 bit at a time,

    header is easy enough i’ll make the image, as with footer,

    then the main content i know what colour i want the background of it to be so that should be ok, its the boxes, basically the way a comment is put together, the title is in the top box, and the rest is another box, i just need to know how to change the style of the box, can i do that by simply editing the pictures? (im editing in ms paint :S lol

    You can change colors of the top and bottom box easily.

    As for size that can be changed also but keep in mind size changes will effect how the box displays and may force other changes to the CSS to make it work.

    Again experiment, it’s the only way to learn.

    Thread Starter spoony

    (@spoony)

    size should be cool, its mainly colour, i’ll deal with this bit 1st, the sidebar is a whole new ball game, but the question is, how do i preview my eventual page offline?

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘First Time Novice Needing Help’ is closed to new replies.