Theme-editing newbie need help with styling

  • Hey all.

    First i have to say that i am very new to wordpresss-themeing so be gentle on me please.

    I have a question regarding the ability to style all content with CSS. I am trying to make my own wordpress theme by editing the default theme (WordPress default).

    1st problem: In the right-bar i have two modules: One for recent posts and one for categories. Both of them contain the info like this:

    ? This is a post
    ? This is a post

    ? This is a category
    ? This is a category

    etc.

    What i want to do is change the “?” sign into a picture of an arrow. Where do i find this sign to replace it with a picture?

    2nd problem: I want to change the color of the links. By default they are all blue, i want them in another color.. where do i find this? i cannot see it in style.css.

Viewing 4 replies - 1 through 4 (of 4 total)

  • G’day mate…

    All this needs to be done in the stylesheet.

    these are lists

    • ? This is a post
    • ? This is a post
    • ? This is a category
    • ? This is a category

    …and a background image can be added in the stylesheet , but if you know little regarding css, you need to learn about creating lists first.

    regarding changing the link color, again it’s via the stylesheet, but that’s easy, you only need to paste in your chosen color, eg: #777 is a light grey.

    If the stylesheet is in you main root directory you can edit it via your admin/theme editor/style.css

    But it could be in another folder though depending on the theme, so that style.css could be empty or have links to the stylesheets, sometimes there could be several, style, reset and layout.

    you will need an editor and an ftp client (or xp has one build in)

    it’s not a simple thing to do for a newbie, you need to have a good understanding of css before you tackle styling your theme.

    Thread Starter razack88

    (@razack88)

    Hey James, thanks for your help.

    My main problem is not doing the styling css bit, it’s actually finding the lines of code where the “?” sign is localized. I also can not find the line of code where it says that blue is the default link-color.

    Hi,

    The » symbol is created with this css:
    .entry ul li:before, #sidebar ul ul li:before {
    content: “0BB 020”;
    }
    This only works in non IE browsers however. It uses the :before selector to place the symbol before the list items, this is on line 406 (in my editor).

    On line 394 is :
    html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }
    This sets the list items to have no bullets, you can set list-style-image there to change the bullets, but you will also have to remove the :before selector.

    Also the anchor color is set on line 187 with the code:
    a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }

    a:hover {
    color: #147;
    text-decoration: underline;
    }

    Good Luck

    Thread Starter razack88

    (@razack88)

    Many thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme-editing newbie need help with styling’ is closed to new replies.