Hey there, Awesome Customers!

Just a heads up: We'll be taking a breather to celebrate International Workers' Day (May 1st and 2nd - Wednesday and Thursday) and Orthodox Easter from Good Friday (May 3rd) through Easter Monday (May 6th). So, from May 1st to May 6th, our team will be off enjoying some well-deserved downtime.

During this time, our customer support will be running on a smaller crew, but don't worry! We'll still be around to help with any urgent matters, though it might take us a bit longer than usual to get back to you.

We'll be back in action at full throttle on May 7th (Tuesday), ready to tackle your questions and requests with gusto!

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find loads of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel). These gems might just have the answers you're looking for while we're kicking back.

Thanks a bunch for your understanding and support!

Catch you on the flip side!

Warm regards,

TMS

Okay
  Public Ticket #1352145
highcharts - callbacks vs css
Closed

Comments

  •  2
    Mark Lee started the conversation
    October 30, 2017 at 8:17pm

    Just want to let you know that for me, css has been a quicker and more effective way to change style parameters for Highcharts. 

    There were many properties that would not be accepted by callback even though they are documented on the Highcharts site. 

    Here is some css that was effective for me:

    .highcharts-background {
    fill: #363636; 
    stroke: #a4edba;
    stroke-width: 2px;
    }

    .highcharts-title {
        fill: #fff !important;
        font-weight: bold;
        font-size: 3em;
    }
     .highcharts-axis-title{

        fill: #bcbcbc !important;
    }
    .highcharts-axis-labels {
        fill: #bcbcbc !important;
    }
    .highcharts-xaxis-labels text{
        fill: #bcbcbc !important;
        color: #bcbcbc !important;
    }
    .highcharts-yaxis-labels text{
        fill: #bcbcbc !important;
        color: #bcbcbc !important;
    }
    .highcharts-label {
        fill: #fff !important;
        font-weight: light !important;
    }
    .highcharts-data-label text{
        fill: #fff !important;
        font-weight: light !important;
    }
    .highcharts-text-outline {
        stroke-width: 0px !important;
        font-weight: light !important;
    }

    Mark

  •  1,692
    Miloš replied
    October 31, 2017 at 10:21am

    Hi Mark,
    Thank you for your purchase.

    Thank you for sharing the quicker solution for customizing the highcharts.

    I will also note this in case someone else is asking for this.

    Thank you again.

    Best regards.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables