Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Baden

    (@baden03)

    Hello, glad you like the plugin, why not leave a review?

    First thing you will want to do is remove the width attribute like so:

    [tminus t="2016-11-05" height="50" style="carbonlite"/]

    Now you will notice when you reduce the size of the viewport, the column elements will stack on top of each other. Here the countdown will be centered. However when the browser window is wide enough for the columns to be displayed side-by-side, it seems like the countdown is not centered. This is because the width of the column is not large enough, so the counter is spilling over the right side

    Hopefully that makes sense. Your options would be to use a different style, like carbonite responsive, or increase the width of your column. Let us know if that helps, or if you require further assistance.

    Thread Starter hypermusic4

    (@hypermusic4)

    Thank you so much for your help! I simply copied the code you gave me and it worked just how I wanted.

    Plugin Author Baden

    (@baden03)

    Great! Issue marked as resolved.
    P.S. Thanks for the kind review!

    I have the same issue with centering but in a widget. I don’t quite know how to center the counter on the side widget. Here is the reference: https://www.teammelli.com

    Plugin Author Baden

    (@baden03)

    try adding the following css:

    .TIE-fighter-dashboard {
        margin-left: 40px !important;
    }

    Thank you. It worked.

    I got it working. I had to adjust the setting “margin-left” value to 10px to get it working with “weeks” displayed. I will be trying different setting as well.
    Anyway, I know how it works now. Many thanks.

    Plugin Author Baden

    (@baden03)

    Glad you got it working.
    If you need further assistance, please start a new thread. this one is marked as resolved.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Trying to center align countdown’ is closed to new replies.