Do you want to display the author image next to the author name in the post meta area under the post title in the Astra theme? By default, only the text-only author name display in that location. However, using a few lines of code can help you add author image next to the author name.… Continue Reading
Show ‘Add to Cart’ button on image hover in WooCommerce on Astra
Do you want to display a quick “Add to Cart” button on hover over WooCommerce product images while using Astra theme? This small change can make your WooCommerce store more user-friendly by allowing easy “add to card” action. Preview: Add to Card button on hover Minimum Requirements: Astra Theme Astra Pro add-on WooCommerce Enable Quick… Continue Reading
Enable Gutenberg Blocks Editor for Custom Layouts in Astra theme
Custom layouts in Astra theme is a very handy feature allowing you to display layout or content at a specific location or parts of the theme layout. By default, Gutenberg block editor is not enabled for custom layouts in the Astra theme. However, you can enable it to use blocks editor for creating content using… Continue Reading
Show Description Text under every Menu Item in Astra Theme
Want to add additional description text below every menu item in the header area of the Astra theme? This can be achieved using the description option in WordPress. Once you enable this option, output this description text using custom PHP code and style it using custom CSS code. Preview: Menu items with Description Text Enable… Continue Reading
Show row or module based on visitor country location in Beaver Builder
Do you want to display content in Beaver Builder layout based on visitor country (code) location? Beaver Themer addon provides a lot of conditional options but such location-based targeting is not available by default. However, this can be implemented via Conditional Logic API. To implement this, we shall build conditional logic “User Country Code”. Preview:… Continue Reading
Shortcode to output ACF custom fields in Beaver Themer
Do you want to output ACF custom field value manually using a shortcode in a Beaver Builder layout? By default, modules in Beaver Builder allows you to connect to specific custom fields of your choice with simple click routines. However, for an even more custom approach, you can output custom field values manually using easy… Continue Reading
Change ‘Leave a comment’ title H3 to H4 tag in Astra Theme
By default ‘Leave a Comment’ title is H3 tag in the Astra theme. You can easily change this to a different headline tag say H4 using custom code. Following code will change ‘Leave a Comment’ title tag from H3 to H4. PHP Snippet: Leave a comment from H3 to H4 tag In the WordPress Dashboard,… Continue Reading
Move Reviews tab before the description on WooCommerce product pages
Show ‘reviews’ tab as the first tab among ‘description’ and ‘additional information’ tabs on a WooCommerce website to give more visibility to reviews. We have already seen the different approach for more reviews visibility by showing reviews separately out of the tabs section. Now, let move the ‘reviews’ tab position in the tabs section on… Continue Reading
Connect Smart Slider 3 ACF field type with Beaver Themer layout
Want to display sliders created with Smart Slider 3 plugin in your Beaver Themer layout? You can easily make this connection with the power of custom fields created with ACF Pro plugin. Here is the quick procedure to get going. Create Custom Fields with ACF Pro Plugin First, we shall create a custom field of… Continue Reading
Add self updating current year in Beaver Themer Footer layout
We are in the new year, but one can still find a lot of websites displaying the previous year in the footer area next to the copyright disclaimer text. If you are building the footer layout template using Beaver Themer addon, then you can easily switch from manual year text to self-updating current year using… Continue Reading