How Can I Align the Stat Box to Center?

  • Resolved arnieck

    (@arnieck)


    4 years, 8 months ago

    Hello,

    How can I align the stat box to center? By default it seems to be aligned at left.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor CoolHappy

    (@narinder-singh)

    Hi there,
    Please just apply margin:0 auto; CSS style on stats box container.
    Please share your website URL.So that we can take a closer look and provide you exact CSS fixes.
    Thanks!

    Thread Starter arnieck

    (@arnieck)

    Hello @narinder-singh,

    I applied this: 

    #coronatracker-card.cvct-style1
{
max-width: 100%;
}

    to make it go well with the look and feel of the blogpost: https://www.healcity.com/coronavirus-disease-covid-19-outbreak/

    But, when I am viewing this with a mobile device, the stat box seems not getting responsive with mobile devices, can you please help me how to make the box responsive?

    Plugin Contributor Satinder Singh

    (@satindersingh)

    Below custom css will make perfect view for mobile device:-

    @media only screen and (max-width: 500px) {
#coronatracker-card h2, .cvct-number {
    width: 100% !IMPORTANT;
    margin: 0 !IMPORTANT;
    background: 0 !IMPORTANT;
    text-align: center;
    padding: 10px 2px;
}
}
    Thread Starter arnieck

    (@arnieck)

    Thank you. @satindersingh

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How Can I Align the Stat Box to Center?’ is closed to new replies.