Okay
  Public Ticket #2407952
Font
Closed

Comments

  • Catherine started the conversation

    Is it possible to change the font of the description field? It is hard to read because it is so small and light.  Thanks

  •  1,187
    Support Agent replied

    Hi,

    Please add the following css code to additional css:

    .btQuoteItemDescription { 
       font-size:20px;
    }

    Let us know if that helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Catherine replied

    Where do I find the option for additional CSS? Thanks

  •  1,187
    Support Agent replied

    Hi Cathrine,

    That is the same field in Customize panel where you add Custom css for your theme as well . There is no specific field for Cost calculator plugin.

    Let us know if you need additional assistance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Catherine replied

    Great, thank you so much for your help. That works.

    I was having trouble with emails going to Spam, so I setup a Contact Form 7 form alternative. The emails no longer goes to Spam (yay), but I have some other issues I hope you can help me with:
    1. The quote format is very basic and doesn't look very professional. Is it possible to have it sent as a table, excluding items that have not been selected?  When I used your form it was sent as a table, but with Contact Form 7 there are no borders.
    2. Do you know how to change the format of the button on the contact form?  The one on the standard form was so good!  Mine is now the wrong colour and size.
    3. Is there a way to make the form fields disappear after the person has entered the submit button? I want the 'Thank you. We will contact you shortly’ message to be the only thing that appears on the screen after they press submit, but at the moment the form is still visible.
    Thanks again!

    Catherine

  •  138
    BoldThemes replied

    Hi,

    Unfortunately, there is no way to add formatting to the results table based on CF 7 form - the data submitted from the front end end up filtered in the process and all html tags are stripped offfrown.png

    You can try to add the following css to style the button:

    input.wpcf7-form-control.wpcf7-submit {
        color: #52bec4;
        border: 0;
        margin: 0 0 0 30px;
        line-height: 1;
        -webkit-box-shadow: 0 0 0 2px #53ba00 inset;
        box-shadow: 0 0 0 2px #53ba00 inset;
        color: #53ba00;
        text-transform: uppercase;
        height: 3.125rem;
        font-size: .9375em;
        display: inline-block;
        padding: 0 3em;
        background: transparent;
        cursor: pointer;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease;
        white-space: nowrap;
        font-family: Raleway;
        font-weight: 700;
        overflow: hidden;
        position: relative;
    } input.wpcf7-form-control.wpcf7-submit:hover {
        color: #fff;
        -webkit-box-shadow: 0 0 0 2em #53ba00 inset, 0 3px 10px rgba(24,24,24,.3);
        box-shadow: 0 0 0 2em #53ba00 inset, 0 3px 10px rgba(24,24,24,.3);
    }

    Please change the color codes accordingly.

    CF7 has a possibility to redirect the user to a thank you page by adding some code  -  https://contactform7.com/redirecting-to-another-url-after-submissions/ or by using a third party plugin - https://wordpress.org/plugins/wpcf7-redirect/


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  • Catherine replied

    Thank you so much for your response to my questions, I appreciate your help.  In relation to adding the code for the button.  I am not used to adding my own code, so not sure exactly where I should add this. Is it in the CF7 form?

    Would you be able to help me set up my form so that the fields the same size as yours?  I would like to have 2 columns for First Name, Surname, Phone Number and Email but I have no idea how to do that.  I would love to replicate your form.

    This is the simple form code I have created, do I add it in here?

    [text* FirstName placeholder "First Name*"]

    [text* Surname placeholder "Surname*"]

    [email* Email placeholder "Email*"]

    [tel Phone placeholder "Phone"]

    [textarea* Message placeholder "Message"]

    [hidden bt-cc-data]
    [submit "Submit]


    I've attached a screen shot of what mine looks like.
    Thanks!

    Catherine

    Attached files:  Screen Shot 2020-05-23 at 7.45.14 am.png

  •  1,187
    Support Agent replied

    Hi Cathrine,

    If  default contact form suits your needs, please choose it under the tab Contact form in Cost calculator editor.

    6877963826.png

    Also in editor there is a filed for redirection after submit where you can add desired url.

    In order to customize Contact form 7, please refer to their documentation: https://contactform7.com/styling-contact-form/

    If you opt to use Contact form 7, additional code related with button, you can add to the Custom css field in Customize panel.

    Let us know if you need additional assistance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!