How to edit Grid Focus css: header image and moving comments link

  • Unknown's avatar
    miahungrylongtime · Member ·

    Hi,

    I’ve been doing some minor edits to the Grid Focus theme for my blog and I can’t seem to figure out the following things:

    1. I’d like to move the “comment” link and number of comments that’s currently on the top of every post (next to the date), to the bottom of every post instead and add the text “comments” next to the number displayed.

    2. i currently have a header image that i inserted in the css as the background image behind the page title link (that I hid) and the avatar image (that I shrunked and now looks like a tiny square on the top right). I’d like to move the image ABOVE/in front of the page title link and avatar image, instead of a background. Also, I think the fact that I’ve classified the image as “background” image resulted in some sort of decrease in quality/blurriness, because normally the image is a lot sharper.

    Help?

    Thanks so much!

    My site:

    http://miahungrylongtime.com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    1a. I don’t think it is possible to move the comments link and have them align correctly to the bottom of all posts. The reason I think this is by looking at the structure of the HTML generated for the main page. The metadata (date, comment count) is loaded ahead of the post content, so there is no way I know of to position those elements relative to the bottom of the post. As far as I can tell, you could only position them relative to where they are now, and since post length is almost never the same that will not work.

    1b. The word “comments” could be added via pseudo CSS stuff, but the problem is that Internet Explorer does not support pseudo CSS which means that 40% of the people on the internet would not see the word “comments.”

    2. In #bloglead img in your CSS you have the height and width for the image set to zero, and that is what you got — zero. You cannot have an image at 0 x 0 px. That is an un-image. As far as repositioning it, I can’t really tell exactly what you want. Since you hid the title text, there is nothing clickable in the header area so I have no idea where you want it.

  • Unknown's avatar
    devblog · Member ·

    Also, you might want to read this:

    http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  • The topic ‘How to edit Grid Focus css: header image and moving comments link’ is closed to new replies.