Skip to content

Instantly share code, notes, and snippets.

@lyrathemes
lyrathemes / sirius-cta-contact-form
Created February 27, 2017 18:39
Sirius - CTA Contact Form
<div class="row">
<div class="col-sm-6 form-group">
<div class="label-floating">
<label class="form-label">Your Full Name</label>[text full_name class:form-control-line]
</div>
</div>
<div class="col-sm-6 form-group">
<div class="label-floating">
<label class="form-label">Your Email Address</label>[email* email_address class:form-control-line]
</div>
[lt_recipe name="Homemade Pesto Pizza" servings="6" prep_time="10M" cook_time="10M" difficulty="Super Easy" summary="A great alternative to your regular pizza." image="http://demo.lyrathemes.com/kale-pro/wp-content/uploads/sites/4/2016/08/recipe.png" ingredients="1 (12 inch) pre-baked pizza crust;1/2 cup pesto;1 ripe tomato, chopped;1/2 cup green bell pepper, chopped;1 (2 ounce) can chopped black olives, drained;1/2 small red onion, chopped;1 (4 ounce) can artichoke hearts, drained and sliced;1 cup crumbled feta cheese"]Preheat oven to 450 degrees F (230 degrees C);Spread pesto on pizza crust;Top with tomatoes, bell peppers, olives, red onions, artichoke hearts and feta cheese.;Bake for 8 to 10 minutes, or until cheese is melted and browned;Source: http://allrecipes.com/recipe/21528/pesto-pizza/[/lt_recipe]
<img src="http://demo.lyrathemes.com/kale-pro/wp-content/uploads/sites/4/2016/06/about-us.jpg" class="img-responsive pull-left"> Kale is the perfect food blog theme! Fully featured, beautiful and elegant, Kale gives the blog author multiple areas to showcase her work. Extremely simple to set up and work with, Kale is the perfect blog for recipes, lifestyle blogging... just about everything!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare elementum varius. In viverra pulvinar augue, ac hendrerit enim volutpat ac. Donec imperdiet pellentesque commodo. Proin feugiat pellentesque laoreet. Suspendisse nec velit ut arcu molestie consectetur non vitae lacus.
<?php
add_action( 'wp_enqueue_scripts', 'vega_child_enqueue_styles' );
function vega_child_enqueue_styles() {
$parent_style = 'vega-wp-style';
$deps = array('bootstrap', 'font-awesome', 'bootstrap-social');
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' , $deps);
$vega_wp_color_stylesheet = vega_wp_get_option('vega_wp_color_stylesheet');
if($vega_wp_color_stylesheet != 'Custom')
<?php
/**
* The template part for displaying the dark CTA section on the front page (static)
*
* @package vega
*/
?>
<?php
global $vega_wp_curr_bg, $vega_wp_prev_bg;
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="form-label">Name <span class="asterik">*</span></label>
[text* full-name class:form-control placeholder "Full Name"]
</div>
<div class="form-group">
<label class="form-label">Email Address <span class="asterik">*</span></label>
[email* email class:form-control placeholder "Email Address"]
</div>
<div class="form-group">[text* full-name class:form-control placeholder "Full Name"]</div>
<div class="form-group">[email* email class:form-control placeholder "Email Address"]</div>
<div class="form-group">[textarea message class:form-control placeholder "Message"]</div>
<div class="form-action">[submit class:btn class:btn-primary-custom class:btn-block class:btn-lg]</div>
<?php
add_action( 'wp_enqueue_scripts', 'vega_child_enqueue_styles' );
function vega_child_enqueue_styles() {
$parent_style = 'vega-wp-style';
$deps = array('bootstrap', 'font-awesome', 'bootstrap-social');
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' , $deps);
$vega_wp_color_stylesheet = vega_wp_get_option('vega_wp_color_stylesheet');
wp_enqueue_style('vega-wp-color', get_template_directory_uri() . '/color-schemes/' . strtolower($vega_wp_color_stylesheet) . '.css', array() );
<p class="text-center">The form on the right was created using the <a href="https://wordpress.org/plugins/contact-form-7/" target="_blank">Contact Form 7</a> plugin.</p>
<p class="text-center">On the left, we embedded the Google Maps code and wrapped it with <code>&lt;div class="map"&gt;&lt;/div&gt;</code></p>
<p>&nbsp;</p>
<div class="row">
<div class="col-md-7">
<h4>Directions</h4>
<div class="map">[googlemaps https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3463.7041933046044!2d-95.35770718459221!3d29.757273039035468!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8640bf26db794291%3A0x81457f66271a17e1!2sMinute+Maid+Park!5e0!3m2!1sen!2sus!4v1470766063041&amp;w=600&amp;h=375]</div>
</div>
<div class="col-md-5">
<h4>Email</h4>