Tagged: changing text size, cta, font, packages 1
- This topic has 5 replies, 4 voices, and was last updated 4 years, 11 months ago by
Alex_support.
- AuthorPosts
- June 28, 2017 at 21:11 #14721
AnonymousInactiveHello, 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!
June 30, 2017 at 19:45 #14740
mila_supportMemberHi @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:
#{{table.view_id}} .ptsActBtn.ptsEl.ptsElInput .ptsEditArea.ptsInputShell{ font-size: 20px !important; }Don’t forget to save changes.
July 4, 2017 at 19:11 #14805
AnonymousInactivePerfect, worked! Thank you!
July 5, 2017 at 10:40 #14808
mila_supportMemberHello @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!
June 13, 2018 at 19:42 #18130
AnonymousInactiveHello, 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;
}June 15, 2018 at 13:21 #18133
Alex_supportMemberHello @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.
- AuthorPosts
- You must be logged in to reply to this topic.