Kent: CSS Revision

  • Author
    Posts
  • #46942

    rlplummer
    Member
    Original poster

    Hi there,

    My knowledge of CSS is a bit shakey, however, I do remember a few things. Is there a way to view the existing HTML and CSS for the Kent theme? If not, how do I make changes to certain items?

    For example, I want to apply a rollover effect to the feature images but I don’t know what that’s referred as in the HTML.

    I also want to change the style of the blockquote.

    Please advise.

    Thanks!!

    The blog I need help with is: ontheroxblog.com

    #47069

    binarymoon
    Theme Author

    Hi – what do you want to do with the featured image rollover? You’re limited in what’s possible there but I may be able to suggest something.

    The blockquote just uses blockquote :)

    blockquote {
    // styles here
    }
    #47073

    rlplummer
    Member
    Original poster

    Hi,

    I want the featured image to show as grayscale but when rolling over, I want the colour of the image to show. Please tell me that’s possible?!!

    Thanks for the blockquote!

    Was also wondering if I could change the shape of the feature image from circles to squares?

    Thanks in advance!

    #47122

    rlplummer
    Member
    Original poster

    Hi – so is this possible?

    #47125

    binarymoon
    Theme Author

    To make the thumbnail image square again use the following style:

    #main article a.thumbnail img {
    border-radius:0;
    }

    Making the image black and white isn’t possible unfortunately. CSS can’t currently do that (although there are proposals to add the functionality so it may be possible in the future).

    #47133

    rlplummer
    Member
    Original poster

    Could you tell me what the div class for the feature image is?

    #47134

    binarymoon
    Theme Author

    You mean the circular image?

    The info for targeting styles at is in the previous message. The image is in an anchor tag (a link) not a div.

The topic ‘Kent: CSS Revision’ is closed to new replies.