הגדרת צור קשר מרחף

על מנת להגדיר צור קשר מרחף (התווסף ל-Blueprint) יש לערוך את קבצי התבנית, ולהוסיף טקסט.
חשוב! יש לבצע גיבוי לאתר לפני כל עריכה של קבצי התבנית, כי טעות אחת קטנה יכולה לגרום לאתר לא לעלות.

יש להיכנס לעיצוב > עורך, ושם לבחור את "הפוטר של התבניות (Footer.php)"

יש לאתר את הקוד הבא (סביב שורה 162):

<div id="popup_contact">
 <a class="button button_js" href="#"><i class="<?php mfn_opts_show( 'popup-contact-form-icon', 'icon-mail-line' ); ?>"></i></a>
 <div class="popup_contact_wrapper">
 <?php echo do_shortcode( mfn_opts_get('popup-contact-form') ); ?>
 <span class="arrow"></span>
 </div>
 </div>

ולהוסיף את המילים "צור קשר" כך:

<div id="popup_contact">
 <a class="button button_js" href="#"><i class="<?php mfn_opts_show( 'popup-contact-form-icon', 'icon-mail-line' ); ?>"></i>צור קשר</a>
 <div class="popup_contact_wrapper">
 <?php echo do_shortcode( mfn_opts_get('popup-contact-form') ); ?>
 <span class="arrow"></span>
 </div>
 </div>

ואז ללחוץ על "עדכון קובץ" לשמירה.

כמו כן, יש להוסיף את קוד ה-CSS הבא לסגנון: (חלק החבאת האייקון בסוף – אופציונלי)

/*צור קשר מרחף*/
#popup_contact a.button {
 width: 180px;
 background-color: #007b93 !important;
 color: white;
 font-size: 28px;
 line-height: 50px;
 height: 50px;
}
#popup_contact i {
 position:relative;
 left:8px;
 top:2px;
}
#popup_contact a.button:hover {
 background-color:#41b3ca !important;
}
#popup_contact input {
 margin-bottom:0px !important;
}
span.wpcf7-form-control-wrap .wpcf7-text,textarea.wpcf7-form-control.wpcf7-textarea {
 font-size:17px;
}
#popup_contact .popup_contact_wrapper form input[type="submit"] {
 width:100%;
}
/*Hide icon - Optional*/
#popup_contact i {
 display:none;
}
#popup_contact a.button {
 width: 150px;
}

תיקון קוד קטן אחרי טיפול 10,000:

.rtl #popup_contact a.footer_button {
    width: 180px !important;
  background-color:#2a0250;
  color:white !important;
}
#popup_contact a.footer_button {
    width: 220px !important;
    font-size: 28px !important;
    line-height: 38px !important;
    height: 40px;
}