JUSTIFY BODY FONT
.entry-content p {
text-align: justify;
}
EXPAND HEAD
.main-title {font-size:.1em;}
GENERATE FOOTER
%copy% %current_year% Howard A Rodman · Site design by Will Amato
ELEMENTOR TIGHTEN TEXT BLOCK
.elementor-widget-text-editor p:last-child, .textwidget p:last-child { margin-bottom:0px;}
EXPAND GENERATE MENU
.main-nav ul li a {letter-spacing:.1em;}
REMOVE PAGE TITLES GENERATE
.entry-title {display: none;}
MENU GRADIENT
button.menu-toggle {
background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(186,186,186,0.5830926120448179) 100%);
}
#primary-menu ul#menu-main {
background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(186,186,186,0.5830926120448179) 100%);
}
ADDING A BORDER OR SHADOW AROUND SITE GENERATE
border:2px solid black;
ADD SUBJECT LINE MAILTO
Second Example
ADD GOOGLE FONT TO GENERATE
USE CODE SNIPPETS PLUG IN
add_filter( ‘generate_typography_customize_list’, ‘tu_add_google_fonts’ );
function tu_add_google_fonts( $fonts ) {
$fonts[ ‘david_libre’ ] = array(
‘name’ => ‘David Libre’,
‘variants’ => array( ‘400’, ‘500’, ‘700’ ),
‘category’ => ‘serif’
);
return $fonts;
}
ROUNDED BUTTONS GENERATE
button,
html input[type=”button”],
input[type=”reset”],
input[type=”submit”],
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
border-radius: 6px;
padding:8px
}
ADDING A SITE BORDER
By default, there’s no element that wraps your entire container.
A container wrapper might be useful if you’re wanting to place a border or shadow around your entire website, and don’t want to apply it to individual elements (header, widgets, content area etc..).
To achieve this, you’ll need to use the Elements module.
First, create a new Hook Element.
In your hook content, add the following HTML as your content:
Now create a second Hook Element, and add this as your content:
Set the hook to after_footer, and set your Display Rules to the entire site.
Now you can target this class, and do whatever you want to it, like add a shadow:
.site-wrapper {
box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
DROP CAP:
color: #903;float: left;font-family: Georgia;font-size: 75px;line-height: 60px;padding-top: 4px;padding-right: 8px;padding-left: 3px;
FACE BOOK OG IMAGE (ALL-IN-ONE SEO)
600×315
https://developers.facebook.com/tools/debug/sharing/
REMOVE NAVIGATION LINKS AT BOTTOM OF BOOK PAGES
.nav-links {
display:none;
}
MAKE DIV DISAPPEAR:
.element {
display: none;
}
MAKE DIV APPEAR:
.element {
display: block;
}
MEGAMENU IPAD CODE
@media only screen and (max-width : 900px) {
#{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {
padding: 0 20px;
}
}
MEGAMENU LETTER-SPACING CODE
#{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {
letter-spacing: 0.1em;
}
STICKY POST NO TITLE
.type-post.sticky .entry-header,
.type-post.sticky .entry-footer {
display: none;
ALLOW FORMATTING IN BLOG ARCHIVES
(Use Snippets Plugin)
function wpse_allowedtags()
{
// Add custom tags to this string
return ‘