How to make only some text in a text-field read-only while allowing to be edited
var com_name_val_len = jQuery('#company_name').val().length;
jQuery('#company_name').on('keypress, keydown', function(event) {
if ((event.which != 37 && (event.which != 39))
&& ((this.selectionStart < com_name_val_len)
|| ((this.selectionStart == com_name_val_len) && (event.which == 8)))) {
return false;
}
});
Add the Sub Pages for ACF Option Page Plugin Options Page Settings:
Note : Add the below code in functions.php
function my_acf_options_page_settings( $settings )
{
$settings['title'] = 'Theme Settings';
$settings['pages'] = array('Header', 'Home Widget One', 'Footer', 'Footer Slider','Footer Social Link');
return $settings;
}
add_filter('acf/options_page/settings', 'my_acf_options_page_settings');
Get the Current Currency Symbol in Woocommerce :
get_woocommerce_currency_symbol();
<?php
$current_currency = get_woocommerce_currency_symbol();
if($current_currency =="Rs.") {
?>
<span>For Purchase more than Rs.450</span>
<?php } else { ?>
<span>For Purchase more than $250</span>
<?php } ?>
Increase the PhpMyAdmin Upload File Size through php.ini file:
Step1: xampp -> open php folder and select ‘php.ini’ file
Step2: Increase memory limit find the word ‘memory_limit‘ in that file and update the value ‘500M’
Step3: Increase post max size find the word ‘post_max_size‘ in that file and update the value ‘500M’
Step4: Increase upload max size find the word ‘upload_max_filesize‘ in that file and update the value ‘450M’
Step5: Increase execution time find the word ‘max_execution_time‘ in that file and update the value ‘3000’
Step6: Increase input time find the word ‘max_input_time‘ in that file and update the value ‘4000’
Step7: Save the file and restart your xampp server
Increase the WordPress Upload File Size through php.ini file:
memory_limit = 500M
post_max_size = 500M
upload_max_size = 500M
upload_max_filesize = 450M
max_input_time = 3000
max_execution_time = 3000
max_input_vars = 4000Increase the WordPress Upload File Size through .user.ini file:
memory_limit = 500M
post_max_size = 500M should be larger than upload_max_filesize and smaller than memory_limit.
upload_max_size = 500M
upload_max_filesize = 450M
max_input_time = 3000
max_execution_time = 3000
max_input_vars = 4000Increase the WordPress Upload File Size through wp-config.php file:
Increase the WordPress Upload File Size through CPanel:
Step1: cpanel-> ‘Software and Services’ -> Select PHP Version
Step2: Find php Version
Step3: Find ‘upload_max_filesize’ option select box and change the value
Step1: BigCommerce Dashboard -> Select ‘Marketing’ Option
Step2: Marketing -> Select ‘Email Marketing’ Option
Step3: Email Marketing -> Click ‘General Settings’ tab and Select the ‘Newslettter Settings’
Step4: Enabled the ‘
input[type=”submit”] type button IPhone Style Issue:
IPhone input[type=”submit”] type button Issue Solution Style :
input[type="submit"]{
-webkit-appearance: none;
-moz-appearance: none;
}
IOS Phone Number Style ‘a[href^=tel]’
.contact_span .contact_span_bold a{font-family: OpenSans-Bold;color:#ffffff;text-transform: uppercase;text-decoration: none;}
.contact_span .contact_span_bold a[href^=tel] {font-family: OpenSans-Bold;color:#ffffff;text-transform: uppercase;text-decoration: none;}IPhone 6 Design Issue Code:
Note: background-position:fixed not support
div {
background-image: url(images/welcome.jpg);
background-attachment: fixed;
background-position: top center;
background-size: cover;
height: 100vh;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
IPhone 6 Design Code:
Note: background-position:scroll support
div {
background-image: url(images/welcome.jpg);
background-attachment: scroll;
background-position: top center;
background-size: cover;
height: 100vh;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}Firefox Not Supporting Style Code:
div{
background-image: url(../images/welcome.jpg);
background-attachment: fixed;
background-size: cover;
background-position-y: 10px;
background-position-x: 10px;
}
Firefox Supporting Style Code:
div{
background-image: url(../images/welcome.jpg);
background-attachment: fixed;
background-size: cover;
background-position: 10px 10px;
}CSS Media device-aspect-ratio query for iPhone 5 and iPhone 6 and iPad
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}
iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}
iPhone 6:
@media screen and (device-aspect-ratio: 667/375) {}
iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}
iPad:
@media screen and (device-aspect-ratio: 3/4) {}