WordPress.org

Ready to get started?Download WordPress

Forums

Tarski
modifying Tarski to look like K2 (4 posts)

  1. aloon
    Member
    Posted 2 years ago #

    For a long time I've been using the K2 theme because I love it's simple, clean looks. Unfortunately it's development died a long time ago already. I figured that it's not sustainable to keep using K2 if it's not updated for newer WordPress releases. I've decided to use the Tarski theme to replace K2. The problem is, Tarski has quite a different look from K2, so I've decided to make an alternate style for Tarski to mimic the look of K2. Unfortunately this isn't easy with my limited CSS-skills and I'd appreciate some help.

    My first start was finding a way to get the blog title text placed in the header image. I found this topic on the forums here which gives some advice. I modified it slightly for my purposes, it works but more modifications are necessary. I've got the following code for the alternate style now:

    [CSS code moderated - the forum limit for posting code is 10 lines]

    See my English blog for the alternate style in action and my Dutch blog for what K2 looks like.

    So what is still needed:

    • I got the blog title text moved to the hover over the header image, but there is still space reserved for the blog title text just below the header image, how is that blank space removed?
    • I need some shadow for the white text to be easily readable on every kind of header image, but the CSS doesn't work, code is commented out.
    • Text doesn't become bold with the code which is commented out
    • I need some blank space above the header image
    • Text just below the title needs the modifications as well

    By the way, is it just me, or is the style.css file for Tarski very badly readable? It's just a dump of code without any comments telling me what the code does; unlike the alternate styles which are shipped with the release, they do have some elementary layout and brief comments to tell what the code is for. I wanted to ask this in Tarski's own forums, but those are still down.

    When this alternate style is finished I will advertise it on my blog and try to get it included in upstream Tarski so that others will be able to enjoy it as well.

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

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

    as this is a pure formatting problem, try to work with a tool such as Firefox' add-on Firebug http://getfirebug.com/ to identify the involved styles.

  3. aloon
    Member
    Posted 2 years ago #

    Thank you alchymyth, I'll try Firebug.

    Unfortunately I didn't notice immediately that my CSS code was moderated, it can be found here on Pastebin. Any help would be much appreciated.

  4. aloon
    Member
    Posted 2 years ago #

    Just a while ago I finished making some modifications with the help of Firebug. The result can be seen on my English blog, the CSS code is here on Pastebin.

    The blog title and tagline are exactly as I want them, fonts are right now and the font shadow looks really neat. However, I've been digging through the code with Firebug for some more time and can't figure out how to do some last modifications. I suspect the code that has to be modified is part of the header and/or header-image id's. To be precise I don't know how to do the following:

    • Add blank space above the header image.
    • Modify or remove the blank space below the header image.

    If anyone could help me with these issues I'd be done!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic