awesomecoders

<p>It’s time to take your <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> page building experience to the next level. It’s time to experience the most uniue Elementor widgets with the most advanced options. It’s time for <a href="https://awesomeaddons.com/elementor" rel="nofollow ugc">Awesome Addons for Elementor.</a></p>
<p>With our 30+ advanced widgets you can create slick and sophisticated websites in less time with no coding required. Each widget is highly customizable, has trendy and unique design and lots of advanced options. So you can literelly create anything you want, only sky is the limit!</p>
<h3>INCLUDED 30+ FREE WIDGETS AND COUNTING</h3>
<p>We packed 30+ most useful widgets with unique designs to enhance your Elementor Page Building experience.</p>
<h3>Post Widgets:</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Post Grid</a> – 2/3/4 column post grid</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Post Masonry</a> – 2/3/4 column post masonry style</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Post List</a> – Show you posts in list styles</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Post Carousel</a> – Even you can create carousel from your posts</li>
</ol>
<h3>Content Widgets</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Team Member</a> – Feature your team members with few clicks</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Alerts</a> – Take alert styles to next level</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Inline Notices</a> – Show notices in boxes</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Quotes Card</a> – Feature quotes in style</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Logo Carousel</a> – Highlight brands/product logos in carousel</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Tabs</a> – Include tab to put information in different styles</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Advanced Buttons</a> – Forget about the boring default buttons</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Dual Buttons</a> – Bual buttons are perfect for ecommerce and promotions</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Timeline</a> – Interactive timeline to show various contents</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Search Box</a> – Put a search box anywhere</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Divider</a> – Section divider with 4 styles</li>
</ol>
<h3>Creative Widgets</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Icon Box</a> – Create beautiful icon boxes using icons, links and texts, and make them slick using the built in positioning features</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Promo Box</a> – – Showcare your content heading in amazing way</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Image Compare</a> – Let your viewers compare between two images</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Fun Factors</a> – Show your facts & figures with counter widget</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Progress Bar</a> – Display progress bars with 4+ different styles</li>
<li><a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Countdown</a> – Create sense of urgency with this widget. It’s perfect for under construction pages, events, sale items, etc</li>
</ol>
<h3>Testimonials and Reviews Widgets:</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/testimonials/" rel="nofollow ugc">Testimonial Card</a> – Showcase what other said about your brand & Increase Your Credibility</li>
<li><a href="https://awesomeaddons.com/elementor/testimonials/" rel="nofollow ugc">Testimonial Slider</a> – Showcase what other said about your brand & Increase Your Credibility in interactive sliders</li>
</ol>
<h3>Tables, Charts and Data Widgets:</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/pricing-table/" rel="nofollow ugc">Pricing Table</a> – SCreate beautiful pricing tables with lots of customizations and sleek look-n-feel using this widget</li>
<li><a href="https://awesomeaddons.com/elementor/pricing-menu/" rel="nofollow ugc">Pricing Menu</a> – Create beautiful pricing menu with lots of customizations using this widget</li>
</ol>
<h3>Social Feed Widgets:</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/instagram-feed/" rel="nofollow ugc">Instagram Feed</a> – Showcase your Instagram photos to your visitor</li>
<li><a href="https://awesomeaddons.com/elementor/twitter-feed/" rel="nofollow ugc">Twitter Feed</a> – Showcase your latest tweets to your visitor</li>
</ol>
<h3>Form Widgets</h3>
<ol>
<li><a href="https://awesomeaddons.com/elementor/gravity-forms/" rel="nofollow ugc">Gravity Forms</a> – Completely customizable and you can control any styling.</li>
<li><a href="https://awesomeaddons.com/elementor/ninja-forms/" rel="nofollow ugc">Ninja Forms</a> – Easily create your form style just the way you want</li>
<li><a href="https://awesomeaddons.com/elementor/caldera-forms/" rel="nofollow ugc">Caldera Forms</a> – Design effective mobile-friendly forms</li>
<li><a href="https://awesomeaddons.com/elementor/wpforms/" rel="nofollow ugc">WPForms</a> – Create powerful WordPress forms in minutes</li>
<li><a href="https://awesomeaddons.com/elementor/weforms/" rel="nofollow ugc">weForms</a> – Get the fastest form building experience </li>
<li><a href="https://awesomeaddons.com/elementor/mailchimp/" rel="nofollow ugc">MailChimp for WP</a> – Get beautiful MailChimp newsletter subcription form</li>
</ol>
<h3>More free widgets and design variations coming every week!</h3>
<h3>Features</h3>
<ul>
<li>
<p><strong>30+ Advanced Widgets:</strong> Use Advanced Addons unique templates and sections to design your website and stand out from the crowd.</p>
</li>
<li>
<p><strong>Completely Customizable:</strong> Every element comes with bunch of options to control every possible things. You can achieve any design with your imagination.</p>
</li>
<li>
<p><strong>Elements Control Panel and Settings Page:</strong> Enable and disable individual elements to make your page loading faster and smoother. You can deactivate unnecessary widgets to keep the site lite.</p>
</li>
<li>
<p><strong>Lightning Fast:</strong> No extra resources or messy codes to slow down your website. Optimized for super fast loading and instant live editing.</p>
</li>
<li>
<p><strong>Expert Support:</strong> We have an extra-ordinary support team ready to help you. Ask your questions in the support forum, or contact us directly through our contact form.</p>
</li>
</ul>
<h3>Documentation and Support</h3>
<ul>
<li>For documentation and tutorials go to our <a href="https://awesomeaddons.com/elementor/docs/" rel="nofollow ugc">Documentation</a>. </li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/advanced-addons-for-elementor" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="https://awesomeaddons.com/elementor/" rel="nofollow ugc">Advanced Addons for Elementor</a>.</li>
</ul>
<h3>Report Bugs or Contribute</h3>
<p>Bug reports are welcomed on <a href="https://github.com/awesomeaddons/elementor/issues" rel="nofollow ugc">GitHub</a>. Please note GitHub is not a support forum, and issues that aren’t properly qualified as bugs will be closed. If you want to contribute on this project, please fork the repository from Github.</p>


Awesome Addons For Elementor

The most advanced collection of Elementor page builder widgets.

Mujahid Ishtiaq

<p>Typography field type for “Advanced Custom Fields” plugin that lets you add different text properties e.g. Font Size, Font Family, Font Color etc.</p>
<h4>Supported Subfields</h4>
<ul>
<li>Font Size</li>
<li>Font Family</li>
<li>Font Weight</li>
<li>Font Style</li>
<li>Font Variant</li>
<li>Font Stretch</li>
<li>Line Height</li>
<li>Letter Spacing</li>
<li>Text Align</li>
<li>Text Color</li>
<li>Text Decoration</li>
<li>Text Transform</li>
</ul>
<h4>Other Features</h4>
<ul>
<li>Supports Google Fonts. The selected Google Fonts are automatically enqueued on front-end of posts/pages. Google Fonts also work with ACF Options.</li>
<li>Supports Gutenberg Blocks created with ACF.</li>
<li>Option to show/hide each subfield individually</li>
<li>Option to make each subfield required individually</li>
<li>Color Picker for Text Color subfield</li>
</ul>
<h4>Documentation</h4>
<pre><code>// Returns the value of a specific property
get_typography_field( $selector, $property, [$post_id], [$format_value] );

// Displays the value of a specific property
the_typography_field( $selector, $property, [$post_id], [$format_value] );

// Returns the value of a specific property from a sub field.
get_typography_sub_field( $selector, $property, [$format_value] );

// Displays the value of a specific property from a sub field.
the_typography_sub_field( $selector, $property, [$format_value] );
</code></pre>
<h4>Shortcode</h4>
<pre><code>[acf_typography field="field-name" property="font_size" post_id="123" format_value="1"]
</code></pre>
<h4>Github repository</h4>
<p><a href="https://github.com/mujahidi/acf-typography" rel="nofollow ugc">@mujahidi/acf-typography</a></p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* Free and paid versions of the ACF plugin</p>


Advanced Custom Fields: Typography Field

A Typography Add-on for the Advanced Custom Fields Plugin.

Awesome Addons For Elementor vs Advanced Custom Fields: Typography Field