Skip to content

Instantly share code, notes, and snippets.

View MariaJackson1's full-sized avatar

Maria Jackson MariaJackson1

View GitHub Profile
@MariaJackson1
MariaJackson1 / Center Logo in Navigation
Created September 23, 2022 22:49
untitled #center logo #navigation
/* =============== Center Logo ============= */
@media(min-width: 769px) {
.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
position: absolute;
left: 50%;
@MariaJackson1
MariaJackson1 / Web Fonts
Last active May 16, 2023 19:26
Web Fonts #adobe #web fonts #custom fonts
https://google-webfonts-helper.herokuapp.com/fonts/inter?subsets=latin
Hook Element: Preload Fonts
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/poppins-v15-latin-regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/luthier-regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/josefin-sans-v17-latin-regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/poppins-v15-latin-500.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="https://domain.com/wp-content/fonts/poppins-v15-latin-600.woff2" crossorigin="anonymous">
@MariaJackson1
MariaJackson1 / wilbrown-com-custom-login-page.php
Created May 12, 2022 16:31 — forked from DeveloperWil/wilbrown-com-custom-login-page.php
WilBrown.com custom login page, two column, responsive
function wb_login_head(){
?>
<style>
#login{
width:50%;
float:left;
}
#wbd-login-left{
width:50%;
float: right;
@MariaJackson1
MariaJackson1 / iterm2-solarized.md
Created February 2, 2022 05:46 — forked from kevin-smets/iterm2-solarized.md
iTerm2 + Oh My Zsh + Solarized color scheme + Source Code Pro Powerline + Font Awesome + [Powerlevel10k] - (macOS)

Default

Default

Powerlevel10k

Powerlevel10k

.css-selector {
    background: linear-gradient(133deg, #232323, #c3c3c3);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 59s ease infinite;
    -moz-animation: AnimationName 59s ease infinite;
    -o-animation: AnimationName 59s ease infinite;
    animation: AnimationName 59s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
@MariaJackson1
MariaJackson1 / Equal Column Height
Last active August 8, 2022 20:34
Equal Column Height
https://generatepress.com/forums/topic/using-flexbox-for-equal-height-blocks-columns/
1. Select grid block
2. Give it css class flex-align
3. Add this css to make all the grid items in the grid a flex column:
.flex-align .gb-inside-container {
display: flex;
flex-direction: column;
height: 100%;
}
@MariaJackson1
MariaJackson1 / Smooth Scroll Behavior
Last active August 8, 2022 20:34
Smooth Scroll Behavior
https://www.youtube.com/watch?v=b64gzAvAi1A&t=217s
html {
scroll-behavior: smooth;
scroll-padding-top: 3rem;
}
@MariaJackson1
MariaJackson1 / Fill Vertical Space in Columns GenerateBlocks
Last active August 8, 2022 20:35
Fill Vertical Space in Columns GenerateBlocks
https://www.gmitropapas.com/generatepress-tips-and-tricks/generateblocks/fill-vertical-space-in-a-grid-container/?utm_source=mailpoet&utm_medium=email&utm_campaign=george-mitropapas-new-generatepress-knowledge-base-article
@MariaJackson1
MariaJackson1 / MailChimp Signup Form - Horizontal
Created October 4, 2020 16:37 — forked from avadhootkulkarni/index.html
MailChimp Signup Form - Horizontal
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="///indorse.us15.list-manage.com/subscribe/post?u=93f666ec18288ad384d11f649&amp;id=7f298cf380" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<!-- Text Input Field -->
<div class="mc-field-group">
<input id="mce-EMAIL" class="required email" name="EMAIL" type="email" placeholder="Your Email" /> <input id="mc-embedded-subscribe" class="button" style="font-family: roboto; " name="subscribe" type="submit" value="Subscribe" />
</div>
<!-- /Submit Button -->
@MariaJackson1
MariaJackson1 / Change default search placeholder text
Last active August 8, 2022 20:35
Change default search placeholder text
// Filter to change default search placeholder text
add_filter( 'generate_search_button', function() {
return '&#xf002;';
} );
// Remove placeholder text
add_filter( 'generate_search_placeholder', function() {
return null;
} );