WordPress.org

Ready to get started?Download WordPress

Forums

How do I change theme images and text/fonts? (4 posts)

  1. crystal1
    Member
    Posted 3 years ago #

    Hi,

    I've downloaded some themes and would like to know that how do I change the images they have and also fonts and text colors?

    They're in my admin account just waiting for my usage but decided to first ask that is this done via ftp or in the admin account or how? For example I've downloaded trans-travel theme and would like to change the background image as well as the "boat" image it has. The background image was in the theme's folder named as "background.png" if I remember correctly (went to my ftp to see) I'm setting up my first wp site so I don't anything about editing themes.

    Then how about the fonts and text color the themes have - can these be changed? For example a white text to blue etc?

    Thanks!

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    general:

    to change images (particular background images set in the stylesheet) you will probably need to use ftp to access them in the theme folder (often in a /images/ or /img/ subfolder);

    to change fonts and colors, you would do the edits in style.css of the theme (or any of the other stylesheets that the theme might have);
    in 'dashboard' 'appearance' 'editor' - then select style.css

    details might vary with some themes.

    http://codex.wordpress.org/Editing_Files

  3. crystal1
    Member
    Posted 3 years ago #

    Thanks for the reply!

    Hopefully you (or anyone :) )could clarify to me a little more about this image change; so I go to ftp to view that particular theme's folder, and find the image I want to change and ...

    Then what - do I just replace the image I want with a new one (with this example it would be the background image and the "boat" image)? Then remove the old one?

    How do I name the new image to ensure it's going to the background and replaces the old one. I assume I name it with the same name "background" or how do I do it..?

    This part I think I can handle if I can do it without touching any html code.

    But with style.css sheet html coding and font changes I don't know.
    A question about the fonts; I went to see that style.css and found the font part of it.

    The current font is white - so if I want to change it to for example blue - do I just delete the white from there and type in "blue" or some kind of "code number" to blue color?

    How do I know what to type there...?

    How about the font size - if I want bigger font, do I just replace the current size by typing in a bigger number....?

    Excuse me for silly questions but I really don't know anything about html.

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    so I go to ftp to view that particular theme's folder, and find the image I want to change and ...

    you download the image to your local computer - then edit is with a graphic program (such as photoshop or gimp or ..), then re-upload it to the same location.

    the 'boat' image is a sample image for theme preview - you don't hav eto woory about this. you can add and remove images to your posts from the post editor.

    How do I name the new image to ensure it's going to the background and replaces the old one. I assume I name it with the same name "background" or how do I do it..?

    a: (easier) you keep the same image name;
    or
    b: you save it under a new image name, and change the name in style.css

    question about the fonts; I went to see that style.css and found the font part of it.

    http://www.w3schools.com/css/css_font.asp

    font-color is color: #123def;
    about color codes, see for instance: http://en.wikipedia.org/wiki/Web_colors

    How about the font size - if I want bigger font, do I just replace the current size by typing in a bigger number....?

    basically - yes (there should have been some info in the link to w3school.com)

    i don't know a concise tutorial about css, but i keep looking things up in http://www.w3schools.com/css/default.asp

    'a little practice does a lot of good'

Topic Closed

This topic has been closed to new replies.

About this Topic