Theme abcOK

screenshotTheme Name:
abcOK

Description:

SEO friendly and clean WP theme with 2 columns,Tested in Firefox, IE6, IE7 and IE8.

Version:

1.10 (Nov 11, 2010)

Download

http://wordpress.org/extend/themes/abcok

Install

1. Upload the theme folder to your wp-content/themes/ directory.
2. Go to Admin WP and select Appearance – Themes.
3. Select abcOK theme.

15 thoughts on “Theme abcOK

  1. twwt

    Looks like a very nice and clean theme suitable for techie sites. I just rated it five-star in the WordPress site.

  2. Dan

    Looks very clean. Can I:

    Change the header
    Change the header color
    Edit the side bar
    Add facebook button and others

  3. admin Post author

    Hi Dan, Thanks for the comment.

    For now, the theme abcOK doesn’t support custom header or side bar, but you can edit the css file to change them:
    wp-content\themes\abcOK\style.css
    wp-content\themes\abcOK\styles\2c-r.css

    If you want to add facebook button, maybe you can download some plugins:
    http://wordpress.org/extend/plugins/tags/facebook

  4. Dart

    How do I remove the list of pages at the top? I tried looking in the header file, and functions, but so far haven’t discovered it. I really like this theme, but need to remove the pages to use it.

    Thanks much!
    Dart Humeston

  5. admin Post author

    Hi Shama, this theme doesn’t have option for header. If you want to add a logo, you can edit the file header.php under the folder wp-content\themes\abcOK, add your code in the div with id=”branding”.

  6. ambnet

    Hi. I’m currently using your theme on my site. great, clean theme. im hoping you could help me customize it.

    1) how do I change the blue background color in the header and,

    2) (for another site) how can i replace the blue background in the header with a picture background?

    Thanks!

  7. admin Post author

    Hi ambnet, you can edit the css file to customize the header:
    wp-content/themes/abcOK/style.css

    looking for banner and change it to whatever you want:

    #banner {
    width: 100%;
    background-color: rgb(27,104,158);
    height:140px;
    margin:0;
    padding: 0;
    position: relative;
    }

    For example, use a picture as background:

    #banner {
    width: 100%;
    background-color: rgb(27,104,158);
    background-image: url(theImageName.gif);
    height:140px;
    margin:0;
    padding: 0;
    position: relative;
    }

  8. ambnet

    hi again. i tried adding the background-image line of code like you suggested, but all that it did was cut off the bottom half of the blue background.

    specifically, the line of code i used was:


    #banner {
    width: 100%;
    background-color: rgb(27,104,158);
    background-image: url("/public_html/wp-includes/images/soup.gif")
    height:140px;
    margin:0;
    padding: 0;
    position: relative;

    i also tried with the full URL

    am i supposed to make any changes anywhere else?

  9. admin Post author

    My bad, this theme is not easy to have a background image for header. You can try to set the div branding, surheader, blog-title, blog-description to transparent.

  10. Barry

    VERY new to WordPress. Using this theme for my webpage and I love it…BUT I need to add my company logo where the name of the site shows up in the top header. I don’t really know anything about CSS or coding. Sounds like people in prior posts have tried but are having issues.

    Any help you can provide to do this would be greatly appreciated. Hopefully you have an updated version with this and a custom header image coming soon! Thanks.

  11. admin Post author

    Thanks for using the theme, it would not be easy for you to add a logo since you have no knowledge of coding. Hopefully I will have an updated version in the future which will consider your suggestion.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>