Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Khang Minh

    (@oddoneout)

    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.

    Thread Starter Doe3

    (@doe3)

    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: https://idokjelei.hu/

    Plugin Author Khang Minh

    (@oddoneout)

    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.

    Thread Starter Doe3

    (@doe3)

    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.

    Thread Starter Doe3

    (@doe3)

    Oops. In case you couldn’t figure it out I meant to write <strong> ??

    Plugin Author Khang Minh

    (@oddoneout)

    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.

    Thread Starter Doe3

    (@doe3)

    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>

    Plugin Author Khang Minh

    (@oddoneout)

    You already have class=”small” there, so what doesn’t work hmm?

    Thread Starter Doe3

    (@doe3)

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

    Plugin Author Khang Minh

    (@oddoneout)

    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?

    Thread Starter Doe3

    (@doe3)

    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.

    Thread Starter Doe3

    (@doe3)

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

    Thread Starter Doe3

    (@doe3)

    Your other suggestion worked.

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

    Thanks a lot.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘styling timestamp’ is closed to new replies.