Skip to content

Instantly share code, notes, and snippets.

View Vipo - Styleguide
<!-- wp:heading {"className":"text-uppercase"} -->
<h2 class="text-uppercase">01. Grid</h2>
<!-- /wp:heading -->
<!-- wp:columns {"className":"has-6-columns"} -->
<div class="wp-block-columns has-6-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<div style="height:120px;background-color:#f2f2f2;box-shadow: 0 -4px 0 0 rgba(32,32,32,.1) inset;"></div>
<!-- /wp:html --></div>
<!-- /wp:column -->
@liviucerchez
liviucerchez / Castilo - Homepage Content
Last active Mar 4, 2021
Castilo - Homepage Content
View Castilo - Homepage Content
<!-- wp:html -->
<h3 class="add-separator"><span>Latest from <em>Instagram</em></span></h3>
[place the plugin shortcode here]
<div class="pagination pagination-load-more">
<a href="https://www.instagram.com/" class="button" target="_blank"><span class="mdi mdi-instagram"></span> Follow On Instagram</a>
</div>
<!-- /wp:html -->
View Castilo - Contact Form
<div class="row">
<div class="col-12 col-md-6"><label for="your_name">Name</label>[text* your_name id:your_name placeholder "Your name..."]</div>
<div class="col-12 col-md-6"><label for="your_email">Email</label>[email* your_email id:your_email placeholder "Your email..."]</div>
<div class="col-12"><label for="your_message">Message</label>[textarea* your_message id:your_message placeholder "Here goes the message..."]</div>
<div class="col-12 text-center">[submit class:button-filled "Send Message"]</div>
</div>
View Castilo - remove RSS feed
// append this code in the functions.php file of the child theme
function castilo_child_remove_rss() {
remove_theme_support( 'podcast-rss-feed' );
}
add_action( 'after_setup_theme', 'castilo_child_remove_rss', 20 );
View Customize > Additional Options  > Header Call to Actio
<a href="https://www.paypal.me/liviucerchez/10" target="_blank" class="button button-primary button-small"><svg class="icon icon-paypal" aria-hidden="true" role="img"><use href="#icon-paypal"></use></svg> Donate</a>
View Castpod - Subscribe now - Custom HTML widget
<div style="text-align:center;padding:1.5em;border:2px solid #000" class="background-color-secondary">
<h5>Subscribe now!</h5>
<img src="https://liviucerchez.com/castpod/wp-content/uploads/sites/19/2017/10/itunes-subcribe.png" width="108" height="108" alt="subscribe-itunes" style="display:block;margin:0.5em auto 1em;">
<p class="no-bottom small"><a href="https://liviucerchez.com/castpod/feed/podcast" class="button underline" target="_blank"><i class="fa fa-apple" aria-hidden="true"></i> iTunes</a> <a href="https://liviucerchez.com/castpod/feed/podcast" class="button underline" target="_blank"><i class="fa fa-external-link-square" aria-hidden="true"></i> Stitcher</a></p>
<p class="no-bottom small"><a href="https://liviucerchez.com/castpod/feed/podcast" class="button underline" target="_blank"><i class="fa fa-play" aria-hidden="true"></i> Google Play</a> <a href="https://liviucerchez.com/castpod/feed/podcast" class="button underline" target="_blank"><i class="fa fa-rss" aria-hidden="true"></i> RSS</a></p>
<
@liviucerchez
liviucerchez / Castpod - Featured Area Custom Text
Last active Apr 21, 2020
Castpod - Featured Area Custom Text
View Castpod - Featured Area Custom Text
@liviucerchez
liviucerchez / Papaia - Contact - Additional Text
Created Mar 26, 2020
Papaia - Contact - Additional Text
View Papaia - Contact - Additional Text
<div class="responsive-embed three-by-four">
<div id="gmap" class="map"></div>
</div>
<h3><ins>Get in touch</ins></h3>
<p>13 Guiness Bay, New York, USA</p>
<p>
<strong>Phone:</strong> +1 9876 543 210<br>
<strong>Fax:</strong> +1 9876 543 210<br>
<strong>Email:</strong> <a href="mailto:hello@papaia.com" class="custom-link">hello@papaia.com</a>
</p>
@liviucerchez
liviucerchez / Castilo - Featured Area Additional Text
Last active Mar 14, 2020
Homepage - Featured Area Additional Text
View Castilo - Featured Area Additional Text
@liviucerchez
liviucerchez / LeLuxe - Increase content width for each screen size
Last active Mar 10, 2020
Custom CSS - Increase content width for each screen size
View LeLuxe - Increase content width for each screen size
@media (min-width: 992px) {
.content-wrap {
width: 67%;
}
.hero-media, .hero-media .owl-carousel, #identity {
right: 67%;
}
}