/* PAGE PADDING */
@media only screen and (min-width: 1200px)
.mec-container {
    width: 1196px;
    padding-left: 2em !important;
    padding-right: 2em !important;
    padding-top: 3em !important;
}
				
			

1. Start Cloudflare Setup
   1. Add website to Cloudflare
   2. Configure DNS records
2. Change domain nameserver
3. Publish site on Cloudflare
4. Test Cloudflare and refresh until it works
5. Test DNS record propagation on WhatsMyDNS
6. Install website on server
   1. add_domain_no_dns.sh
   2. Set Cloudflare security to Full
   3. Install Cloudflare Origin SSL cert on server
   4. ??

Syntax

				
					[type:field-name:subfield-key|ID|filter1|filter2?fallback-text]
				
			

Use these code snippets to modify a website’s max upload settings.

Basic

Media Library

• Images are attached to post editor content by file name/url.

				
					<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */
/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define( 'WP_USE_THEMES', true );
/** Loads the WordPress Environment and Template */
require __DIR__ . '/wp-blog-header.php';
				
			

Close First Elementor Toggle Option by Default

				
					// 
				
			

				
					nano /etc/apache2/sites-available/[domain.com].conf
				
			

				
					<virtualhost *:80>
    ServerName [domain.com]
    ServerAlias www.[domain.com]
    DocumentRoot /var/www/[user]/[domain.com]
    ErrorLog /var/log/apache2/[domain.com]-error.log
    CustomLog /var/log/apache2/[domain.com]-access.log combined
    <directory /var/www/[user]/[domain.com]>
        AllowOverride All
        Require all granted
    </directory>
    <ifmodule mod_rewrite.c>
        RewriteEngine On
        RewriteCond %{HTTP_HOST} ^www.[domain][.com]$ [NC]
        RewriteRule ^ http://[domain][.com]%{REQUEST_URI} [R=301,L]
    </ifmodule>
RewriteCond %{SERVER_NAME} =[domain.com] [OR]
RewriteCond %{SERVER_NAME} =www.[domain.com]
RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]
</virtualhost>

				
			

				
					nano /etc/apache2/sites-available/[domain.com]-ssl.conf
				
			

				
					<ifmodule mod_ssl.c>
<virtualhost *:443>
    ServerName [domain.com]
    ServerAlias www.[domain.com]
    DocumentRoot /var/www/[user]/[domain.com]
    ErrorLog /var/log/apache2/[domain.com]-error.log
    CustomLog /var/log/apache2/[domain.com]-access.log combined
    <directory /var/www/[user]/[domain.com]>
        AllowOverride All
        Require all granted
    </directory>
    <ifmodule mod_rewrite.c>
        RewriteEngine On
        RewriteCond %{HTTP_HOST} ^www.[domain][.com]$ [NC]
        RewriteRule ^ http://[domain][.com]%{REQUEST_URI} [R=301,L]
    </ifmodule>
SSLCertificateFile /etc/cloudflare/[domain.com].pem
SSLCertificateKeyFile /etc/cloudflare/[domain.com].key
</virtualhost>
</ifmodule>

				
			

				
					nano /etc/cloudflare/[domain.com].pem
				
			

				
					nano /etc/cloudflare/[domain.com].key
				
			

				
					a2ensite [domain.com]-ssl [domain.com]
				
			

				
					service apache2 reload
				
			

Use these code snippets to make helpful changes to a website’s .htaccess file.

BuddyPress Dynamic Usernames in URLs

The word “me” is dynamically replaced with the username in the url:

				
					https://[domain.com]/members/me/courses/
				
			

On-page Javascript Redirection

Custom Login Redirection URL

				
					https://[domain.com]/wp-login.php/?redirect_to=https%3A%2F%2F[domain]%2[permalink]%2F[page]%2F&reauth=1
				
			

WordPress Registration Page Redirections

				
					// Redirect Registration Page
function my_registration_page_redirect()
{
	global $pagenow;
	if ( ( strtolower($pagenow) == 'wp-login.php') && ( strtolower( $_GET['action']) == 'register' ) ) {
		wp_redirect( home_url('/registration-url'));
	}
}
add_filter( 'init', 'my_registration_page_redirect' );
				
			

				
					// Redirect Registration Page
add_filter('register','hjs_register_url');
function hjs_register_url($link){
 /* Change wp registration url */
 return str_replace(site_url('wp-login.php?action=register', 'login'),site_url('register', 'login'),$link);
}
add_filter('site_url', 'hjs_fix_register_urls', 10, 3);
function hjs_fix_register_urls($url, $path, $orig_scheme){
 if ($orig_scheme !== 'login')
 return $url;
 if ($path == 'wp-login.php?action=register')
 return site_url('register', 'login');
 return $url;
}
				
			

				
					/*
Plugin Name: Nice Login URL
Plugin URI: en.bainternet.info
Description: Simple plugin to redirect login/register to a nice url
Version: 1.0
Author: bainternet
Author URI: en.bainternet.info
*/
// Add rewrite rule and flush on plugin activation
register_activation_hook( __FILE__, 'NLURL_activate' );
function NLURL_activate() {
    if (!

‘ ‘ used to echo phrases

.

Download Attribute

				
					download | filename.pdf
				
			

Add nofollow for security reasons.

iFrame HTML

				
					<iframe loading="lazy" src="" height="680" width="940" style="border-style:solid; border-color:#e6e6e6; border-width:1px;"></iframe>
				
			

Dynamic Content for Elementor

Fields that are currently showing in the ACF Field lookup:

• Email Field
• Number Field
• Password Field
• Text Field
• Text Area Field
• WYSIWYG Field
• oEmbed Field
• Checkbox Field
• Radio Field
• Select Field
• True / False Field
• Color Picker Field
• Date Picker Field
• Date Time Picker Field
• Google Map Field
• Time Picker Field

Field types that are NOT showing in the ACF Field lookup:

• Button Field
• Hidden Field
• Range Field
• Slug Field
• URL Field
• Code Editor Field
• File Field
• Gallery Field
• Image Field
• Button Group Field
• Advanced Link Field
• Forms Link Field
• Link Field
• Page Link Field
• Post Object Field
• Relationship Field
• User Field
• Post Object Field
• Relationship Field
• Taxonomy Field
• Taxonomy Terms Field
• Google reCaptcha Field

ACF Dynamic Token

				
					[acf:field_group_field_name]
				
			

ACF Simple Text-Based Fields Shortcode

				
					[acf field="field_name" post_id="123"]
This is a story about a boy named [acf field="name"].

Elementor CSS

				
					/* Fix Elementor Post Image Padding */
.elementor-posts .elementor-post__card .elementor-post__thumbnail {
    padding-bottom: 0 !important;
}
				
			

				
					/* Elementor Sticky Header */
.elementor-sticky--effects { background-color: #000; 
}
.elementor-sticky--effects .logo img {
width: 50% !important;
}
.e-header {
    position: absolute;
    width:100% !important;
}
.elementor-sticky--effects { background-color: #19405A; 
    transition: background-color 0.5s ease !important;
}
.elementor-sticky--effects .logo img {
    width: 75% !important;
}
.logo img {
transition: width 2s ease !important;
}
				
			

				
					/* Shrinking Logo Header */
.logo-img {
    max-width: 200px;
    width: 200px;
}
.elementor-sticky--effects .logo-img {
    max-width: 100px;
    width: 100px;
    transition: 0.5s all ease-in-out;
}
/* Mobile Settings*/
@media screen and (max-width: 780px) {
.logo-img {
    max-width: 200px;
    width: 200px;
    }
.elementor-sticky--effects .logo-img {
    max-width: 150px;
    width: 150px;
    transition: 0.5s all ease-in-out;
    }
}
				
			

				
					/* Creative Border Styling */
hr {
	border-color: #B78E2C;
	border-width:3px;
	background-color: #B78E2C;
	border-top: none;
	border-left: none;
	border-right: none;
}
				
			

Modern Event Calendar (MEC) CSS

				
					/*MEC CALENDAR*/
section#main-content {
    min-height: 600px !important;
    padding-top: 50px;
}
				
			

LEarndash CSS

				
					/* LEARNDASH STYLING */
.ld-course-status-action form {
    padding-right: 10px;
}
				
			

Content CSS

hr divider styling

				
					hr {
	border-color: #B78E2C;
	border-width:3px;
	background-color: #B78E2C;
	border-top: none;
	border-left: none;
	border-right: none;
}
				
			

Bullet List Padding

				
					/* Add padding to the bottom of lists */
ul, ol {
    margin-bottom: 0.9rem;
}
				
			

Table Border Colors

				
					table td, table th {
    border: none;
}
				
			

Table alternating Row Colors

				
					table tbodytr:nth-child(odd)td {
    background-color: #ffffff !important;
}
				
			

Table row colors on hover

				
					tr:hover td {
    background-color: #ffffff !important;
}
				
			

Style WP Block Quotes

				
					/* Style WP Block Quotes */
blockquote {
    border-left: solid 2px;
		border-color: #E29E21;
    padding-left: 15px;
}
				
			

Text Alignment (Vertical and Horizontal)

				
					// Place on div containing text
.center {
  border: 2px solid red;
  display: flex;
  justify-content: center;
  height: 12em;
  align-items: center;
}
// Alternative Method
.heading-div {
  width: 80%;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  margin: auto;
  padding: 10px;
}
.heading {
  margin: auto;
  border-width: 1px;
  border-style: solid;
  border-color: red;
  text-align: center;
  height: 12em;
  line-height: 12em;
}
				
			

Cut off text with elipses

				
					selector h2{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
				
			

				
					selector p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
				
			

				
					selector {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
				
			

				
					.three-row{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
				
			

Hello Elementor Theme Styling

				
					/*HELLO THEME WOOCOMMERCE PADDING*/
div#primary {
    padding-top: 50px;
    padding-bottom: 50px;
}
				
			

User Registration CSS

				
					/* User Registration Default Form Styling */
.ur-form-row span.input-wrapper {
    width: 75%;
}
.ur-form-row input {
    border: solid 1px #BEBFC1;
    border-radius: 3px !important;
}
.ur-form-grid.ur-grid-1 {
    padding-bottom: 20px !important;
}
.ur-form-row input {
    margin-bottom: 0px !important;
}
div#ur-recaptcha-node {
    padding-left: 5px;
}
				
			

Mobile Responsiveness

				
					@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
				
			

Disable WordPress Editor

				
					// CUSTOM CSS STYLING IN WORDPRESS ADMIN DASHBOARD — VERY IMPORTANT
/* Globally disable Back to WordPress Editor button */
/* Hide the Back to WordPress Editor button… Would break pages built with Elementor.

Understanding SPF Records

SPF records give mail servers permission to send mail on behalf of a domain.

Full name: name

Name Prefix: honorific-prefix
First Name: given-name
Middle Name: additional-name
Last Name: family-name
Name Suffix: honorific-suffix

Nickname: nickname

Email: email
Phone: tel

Username: username
New Password: new-password
Current Password: current-password

Company: organization

Street Address: street-address
Street Address 1: address-line1
Street Address 2: address-line2
Street Address 3: address-line3
Zip Code: postal-code
Country Code: country
Country Name: country-name