Remove Elements from booking page: Difference between revisions

No edit summary
No edit summary
Line 47: Line 47:
<br><br>
<br><br>
=Removing with Custom CSS=
=Removing with Custom CSS=
'''Please note!''' These codes are working for old themes.
 
Codes for new themes will be added soon.
==Phone field==
==Phone field==
:1. Go to Settings // Email and SMS settings // Mandatory fields//Email (to make phone not mandatory).
:1. Go to Settings // Email and SMS settings // Mandatory fields//Email (to make phone not mandatory).


:2. Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
:2. Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
 
<br>
<pre>.phone-element.form-element, .phone-element.form-title {
:''For new themes:''
<pre>
.form-group.form-client-phone{
    display: none;
}
</pre>
<br>
:''For old themes:''
<pre>
.phone-element.form-element, .phone-element.form-title {
     display: none;
     display: none;
}</pre>
}
</pre>
==Email field==
==Email field==
:1. Go to Settings // Email and SMS settings // Mandatory fields//Phone (to make email not mandatory).
:1. Go to Settings // Email and SMS settings // Mandatory fields//Phone (to make email not mandatory).


:2. Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
:2. Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
 
<br>
:''For new themes:''
<pre>.form-group.form-client-email{
    display: none;
}
</pre>
<br>
:''For old themes:''
<pre>.email-element.form-title, .email-element.form-element {  
<pre>.email-element.form-title, .email-element.form-element {  
   display: none;
   display: none;
Line 78: Line 94:
Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
Please go to Custom Features // Custom Features and enable Custom CSS Custom Feature. Then in Custom Feature Settings or in Custom Features // Custom CSS paste to Booking page CSS window at the very top the following code:
<br><br>
<br><br>
''For new themes:''
:''For new themes:''
<pre>
<pre>
img {     
img {     
Line 86: Line 102:
}
}
</pre>
</pre>
''For old themes:''
<br>
:''For old themes:''
<pre>
<pre>
.share-buttons {
.share-buttons {