WordPress.org

Ready to get started?Download WordPress

Forums

Better WordPress Recent Comments
[resolved] styling timestamp (14 posts)

  1. Doe3
    Member
    Posted 1 year ago #

    Hi,
    I need a little help styling the timestamp.
    I edited the included css file, but there is nothing for changing the style of the timestamp.

    Also, I don't know how to change the css so that the commenter, the post title and the comment begin in separate lines.
    Any help would be appreciated.

    http://wordpress.org/extend/plugins/bwp-recent-comments/

  2. Khang Minh
    Member
    Plugin Author

    Posted 1 year ago #

    For the timestamp you can change this option "Choose a date format" to suit your needs.

    To change the CSS for your comment, you should first disable the plugin's CSS, and then apply your own. Make sure you change the templates too if that is needed.

  3. Doe3
    Member
    Posted 1 year ago #

    Thanks for the reply.
    I already changed the format, that was easy, but what I want to do is change the font size, color and weight of the time only. For all the changes I needed I just edited the included css file, didn't create my own and it worked well. This is the only thing I couldn't accomplish as there was no line in it for styling the time.

    You can see it here: http://idokjelei.hu/

  4. Khang Minh
    Member
    Plugin Author

    Posted 1 year ago #

    For all the changes I needed I just edited the included css file, didn't create my own and it worked well

    Don't do this, your changes will be removed when you update the plugin. Disable the plugin's CSS OR overwrite its rules in your CSS files instead.

    If you need to add CSS class to the time, simply change the templates for your comments in the Templates tab, it's pretty straightforward I guess.

  5. Doe3
    Member
    Posted 1 year ago #

    So can I just create a duplicate of your css, rename it, make the necessary changes and have a backup copy to use after an update?

    Sorry if this sounds dumb...

    I tried to style the time in the templates tab, but didn't work. What kind of tags would I use for color, font and weight? Originally the plugin had the tags and when I wanted to add <small> it would just disappear after I hit save.

  6. Doe3
    Member
    Posted 1 year ago #

    Oops. In case you couldn't figure it out I meant to write <strong> :)

  7. Khang Minh
    Member
    Plugin Author

    Posted 1 year ago #

    Maybe just disable the plugin's CSS, copy its contents to your CSS file.

    I have just tried using small tag and it works just fine. Perhaps you should just add a CSS class to the strong tag, or make a span tag there, for example:

    <span class="bwp_rc_time">%time%</span>

    then in your CSS file, use .bwp_rc_time to add color, bold, etc.

  8. Doe3
    Member
    Posted 1 year ago #

    I'm sorry, I must be doing something wrong, because it didn't work for me.

    Could you just copy the part of the template you used for time?

    Mine looks like this:

    <a class="small" href="%link%" title="%post_title_attr%">%time%</a></span>

  9. Khang Minh
    Member
    Plugin Author

    Posted 1 year ago #

    You already have class="small" there, so what doesn't work hmm?

  10. Doe3
    Member
    Posted 1 year ago #

    It's not small on the website. Didn't change the way it looks on the actual page...

  11. Khang Minh
    Member
    Plugin Author

    Posted 1 year ago #

    I don't see the small class added to your recent comment list on your homepage, maybe you're editing the wrong template? Do you apply any CSS rules to .small class in your style.css?

  12. Doe3
    Member
    Posted 1 year ago #

    I'm doing the editing on a test site, which is a clone of my live site, as I have a lot of traffic during the day and I don't want to mess with things there now.

  13. Doe3
    Member
    Posted 1 year ago #

    I turned off maintenance mode so you can see: http://news.endtimeinfo.com/

  14. Doe3
    Member
    Posted 1 year ago #

    Your other suggestion worked.

    I added <span class="bwp_rc_time">%time%</span> to the template and edited the CSS file.

    Thanks a lot.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags