Support » Themes and Templates » beginner needs guidense

  • hi all

    i have installed without problems and made my first posts.
    Now i would like to costumize it, and have tried figuring thing out on the wordpress homepage. but im new to coding, and my english is not so good so i find it very difficult to figure out how to change the look and stuff. I understanf the theme thing, and im just using kubricks.

    I hope some will help me with a step by step instruction.

    my first mission is to add my own image to the top of the page instead of the on thats there. That must be the header right?
    How do i add my own image, insted of the one already there?

    regards
    newwebber

Viewing 13 replies - 1 through 13 (of 13 total)
  • If you want to customise the templates the you have to change the main templates and stylesheet for them. Find these in Presentation > Theme Editor. Alternatively you could just change the templates themselves to a template you like the look of.

    But if you really want to customise stuff properly, you need to know a bit about how CSS stylesheets and XHTML works.

    Most of the colours and look of things can be changed in the Stylesheet template (Presentation > Theme Editor > Stylesheet). If you change things like “colour: #xxx” in there you should notice the affect in the blog.

    To change the layout you’d have to mess about with the other templates a bit more, though it’d be better if you had a little experience with HTML / XHTML first.

    There alot of help documents on changing wordpress on this site ( http://codex.wordpress.org/Main_Page ), including one for how to change the header image:

    http://codex.wordpress.org/Designing_Headers#Changing_the_Header_Image

    Basically, go to the Stylesheet and look for this line:

    #header {
    	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    	}

    If you upload your own image to the website, and change the images/kubrickheader.jpg bit to http://yourwebsite.com/yourimage.jpg, it should show the new image instead of the default one 🙂

    Thread Starter newwebber

    (@newwebber)

    ok, i have now uploaded the file called logotest.jpg
    and changed the
    #header {
    background: #73a0c5 url(‘images/http://freerollnews.com/logotest.jpg’) no-repeat bottom center;

    but how do i save the information in the stylesheet, when i return to the style sheet the changes havent been saved?

    To save files from the theme editor, the file you’re editing must be CHMOD 666. After completing, you should chmod back to 644.

    It’s better to download them to your computer and make a backup – make your changes – then upload the file over the old one.

    Thread Starter newwebber

    (@newwebber)

    dammit… im lost
    could you cut it up a bit please

    images/http://freerollnews.com/logotest.jpg

    Change that to just

    http://freerollnews.com/logotest.jpg

    And it should work, assuming you’ve uploaded the image to the root directory (ie. not into any folders).

    Thread Starter newwebber

    (@newwebber)

    tyvm 🙂

    In many webhotels you are not allowed to edit themes and stuff from the browser.

    In such a case you have two options:

    1) log in using ssh and use command line / terminal tools (cd, ls, vi and so on). It’s easy, fast and convenient ONCE YOU MASTER IT.

    2) log in to the cPanel/DirectAdmin management page with your web browser. Download the themes style.css, edit it, upload it back. Easier for a newbie, but sloooooooow.

    Thread Starter newwebber

    (@newwebber)

    ok, thanks for all the help. but im still not there.
    a little update.
    i have uploaded the image “yabblogotest.jpg” which i wanna use for my header.
    I have uploaded it in public_html and to my sub domain where wordpress is.
    Now i have the opened the style.css in ftp and changed the the kubricks to my “yabblogotest” it looks like this.
    #header {
    background: #73a0c5 url(‘images/yabblogotest.jpg’) no-repeat bottom center;

    but there is still no changes.

    then i changed it to this in the style.css
    #header {
    background: #73a0c5 url(‘http://freerollnews.com/yabblogotest.jpg’) no-repeat bottom center;
    }

    but it not working.

    i guess im still doing something wrong here.

    sorry for being such an imbecil :/

    I’m sure the second one should work. Hmm… try this:

    #header {
    background: #73a0c5 url('../yabblogotest.jpg') no-repeat bottom center;
    }
    Thread Starter newwebber

    (@newwebber)

    well… now it look like this in the style.css

    #header {
    background: #73a0c5 url(‘../yabblogotest.jpg’) no-repeat bottom center;
    }

    but still no changes on the page!

    its saved and i refreshed it, doubble checked that it was saved. What is wrong here, am i missing something simple here? word press is installed in a folder called wordp in my public_html if it should matter.

    ty all for your time so far

    Thread Starter newwebber

    (@newwebber)

    any1? please… i think were getting close here 🙂

    Clear your cache before trying to view changes.

    Please, don’t post advice on a 7 months old thread. Let’s not clutter the main page of the forum. Thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘beginner needs guidense’ is closed to new replies.