• Resolved melanie71

    (@melanie71)


    Hello! Great plugin. Just wondering how I would reduce the size of the Price, Currency and Price Period on your Pricing Table Element?

    There only appears to be setting for size of Title.

    Regards
    Melanie

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi Melanie,

    At this moment you can change that elements with custom css code, for example use this code below to reduce font size

    .evc-pricing-table .evc-pti-inner li .evc-pti-value {
        font-size: 22px;
    }
    .evc-pricing-table .evc-pti-inner li .evc-pti-price {
        display: block;
        font-size: 70px;
    }
    .evc-pricing-table .evc-pti-inner li .evc-pti-mark {
        margin-top: 8px;
        font-size: 14px;
    }

    If you want to do that only for this page, you can add unique selector to custom css code and that code will work only here, example code

    body.home .evc-pricing-table .evc-pti-inner li .evc-pti-value {
        font-size: 22px;
    }
    body.home .evc-pricing-table .evc-pti-inner li .evc-pti-price {
        display: block;
        font-size: 70px;
    }
    body.home .evc-pricing-table .evc-pti-inner li .evc-pti-mark {
        margin-top: 8px;
        font-size: 14px;
    }

    Also I will add that options for Font Size in the next plugin release.

    Best regards,
    Nenad Obradovic

    Thread Starter melanie71

    (@melanie71)

    Hi Nenad

    Thanks for your prompt reply. If I add that CSS code, the $ symbol is displaying above the price, rather than to the left as it should. Any ideas how to fix that?

    https://flexispace.bantergroup.com.au/

    Regards
    Melanie

    Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi Melanie,

    Just remove display: block; part of code I sent you in last response.

    Best regards,
    Nenad Obradovic

    Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi Melanie,

    I saw, you successfully removed that code and fixed your issue. I will mark this ticked as resolved.

    Best regards,
    Nenad Obradovic

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change font size of Price’ is closed to new replies.