Change font size (Buttons on "Packages 1")

Home Forums General Questions Change font size (Buttons on "Packages 1")

This topic contains 5 replies, has 4 voices, and was last updated by Alex_support Alex_support 1 year, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14721

    jthiele
    Participant

    Hello, I’m looking to increase the font size in the buttons for our implementation of Packages 1 (view here) – can’t seem to edit the text as I can for the body text. I’ve looked into the CSS for the form with no avail. Help is appreciated!

    #14740
    mila_support
    mila_support
    Keymaster

    Hi @jthiele!

    In order to change button font size you need go to CSS editor (click on Edit CSS) and at the end of all rows paste this code:

    Don’t forget to save changes.

    #14805

    jthiele
    Participant

    Perfect, worked! Thank you!

    #14808
    mila_support
    mila_support
    Keymaster

    Hello @jthiele

    No problems, it’s always a big pleasure to help our users.

    Also, if you want, you can help us to make our solution better for you by leaving a good review on WordPress about our plugin –
    https://wordpress.org/support/plugin/pricing-table-by-supsystic/reviews/

    Thank you!

    #18130

    tmmccrae
    Participant

    Hello, I don’t understand. Exactly where do I need to insert the code. I do not where the row ends.

    #{{table.view_id}} {
    {% if table.params.calc_width.val == ‘table’ %}
    width: {{ table.params.table_width.val }}{{ table.params.table_width_measure.val }};
    {% endif %}
    }

    #{{table.view_id}} .ptsCol {
    {% if table.params.calc_width.val == ‘table’ %}
    {% if table.params.enb_desc_col.val and table.params.enb_desc_col.val != “0” %}
    width: {{ 100 / (table.params.cols_num.val + 1) }}%;
    {% else%}
    width: {{ 100 / table.params.cols_num.val }}%;
    {% endif %}
    {% else%}
    width: {{ table.params.col_width.val }}px;
    {% endif %}
    }

    #{{table.view_id}} .ptsTableDescCol {
    {% if table.params.enb_desc_col.val == 0 %}
    display: none;
    {% endif %}
    }

    #{{table.view_id}} .ptsCol.ptsTableDescCol .ptsColFooter {
    visibility: hidden;
    }

    #{{table.view_id}} p {
    margin: 0;
    }

    /*Animations*/
    #{{table.view_id}} .ptsCol .ptsTableElementContent,
    #{{table.view_id}} .ptsCol .ptsTableElementContent span {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    }

    #{{table.view_id}} .ptsCol.hover .ptsTableElementContent {
    z-index: 101;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    #{{table.view_id}} .ptsCol.hover .ptsTableElementContent {
    z-index: 101;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    /** Template Style **/
    #{{table.view_id}} .ptsTableElementContent {
    background: {{table.params.bg_color.val}};
    border: solid 1px {{adjBs(table.params.bg_color.val, -15)}};
    box-shadow: 0 0 20px -2px rgba(0,0,0,0);
    position: relative;
    }

    #{{table.view_id}} .ptsColHeader,
    #{{table.view_id}} .ptsColDesc {
    background: {{adjBs(table.params.bg_color.val, -5)}};
    padding: 40px 5px 30px 5px;
    position: relative;
    }

    #{{table.view_id}} .ptsColDesc:before {
    content: ”;
    position: absolute;
    left: 25%;
    bottom: 0;
    background-color: {{table.params.text_color_desc.val}};
    height: 1px;
    width: 50%;
    }

    #{{table.view_id}} .ptsColHeader .ptsIcon i {
    font-size: 55px;
    color: {{table.params.text_color_header.val}};
    }

    #{{table.view_id}} .ptsColHeader span,
    #{{table.view_id}} .ptsColHeader p {
    font-size: 28px;
    color: {{table.params.text_color_header.val}};
    }

    #{{table.view_id}} .ptsColDesc {
    padding: 0 5px 20px 5px;
    }

    #{{table.view_id}} .ptsRows {
    padding-top: 20px;
    }

    #{{table.view_id}} .ptsColDesc span,
    #{{table.view_id}} .ptsColDesc p {
    font-size: 24px;
    color: {{table.params.text_color_desc.val}};
    }

    #{{table.view_id}} .ptsCell {
    color: {{table.params.text_color.val}};
    }

    #{{table.view_id}} .ptsCell span,
    #{{table.view_id}} .ptsCell p {
    font-size: 14px;
    }

    #{{table.view_id}} .ptsColFooter {
    padding: 20px 0 20px 0;
    }

    #{{table.view_id}} .ptsColFooter .ptsActBtn a {
    background-color: {{adjBs(table.params.bg_color.val, -5)}};
    text-decoration: blink;
    color: {{table.params.bg_color.val}};
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    }

    #{{table.view_id}} .ptsColFooter .ptsActBtn {
    margin: 10px 0;
    text-align: center;
    }

    #{{table.view_id}} .ptsColFooter .ptsActBtn a:before {
    content: ”;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0;
    transition: all .5s ease-out;
    }

    #{{table.view_id}} .ptsColFooter .ptsActBtn a:hover:before {
    opacity: .3;
    }

    #18133
    Alex_support
    Alex_support
    Moderator

    Hello @tmmccrae, you should add your custom CSS after all already presented code in CSS editor of the table. Here is clarification screenshot for you: http://prntscr.com/jv8w4o – it’s 148 row in editor.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Obtenha os pacotes de plugins hoje e economize mais de 80%