Posts by thewpdaily
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:…
Read MoreChange ‘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,…
Read MoreMove 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…
Read MoreConnect 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…
Read MoreDisplay product reviews separately outside the WooCommerce tabs
By default description, reviews and additional information show in one ‘tabs’ section in WooCommerce. Want to display ‘reviews’ outside this ‘tabs’ area separately for more user engagement and visibility? You can quickly implement this, and it also looks cool. Preview: Reviews outside WooCommerce Tabs PHP Code: Separate Reviews section In the WordPress Dashboard, go to…
Read MoreRemove Website field from the Comment Form in Astra theme
The website field is a common component of the Comment Form in any WordPress theme including Astra Theme. Removing the website field may be required in cases when you want to prevent the commenting user from adding their website URL. A few users do it for SEO reasons and here is an easy way to…
Read MoreAdd Social Icons to right side of Menu Button in Essence Pro Genesis theme
By default, the Essence Pro Genesis Theme displays a full-screen overlay menu on click of the menu button. Do you want to add social icons next to this menu button to give better visibility to your social profile links? Here is how to add Facebook, Twitter, and Instagram icons to the theme header area. Before…
Read MoreHow to center align input field labels in Fluent Forms
By default labels in input fields of Fluent Forms is left aligned. There is a no default option to center align but it can be achieved easily with a few lines of CSS code. Ideally, center align of labels would look odd from the user experience perspective. However, if you still want them center align,…
Read MoreRemove image Zoom Effect on WooCommerce products in Beaver Builder Theme
By default images displayed on WooCommerce product pages have a zoom effect. An image will zoom on mouse hover by the user. You can easily disable this zoom effect using a few lines of code. PHP Snippet: Removes Zoom Effect With your Beaver Builder child theme active, go to Appearance > Themer Editor in the…
Read MoreMake Beaver Builder row Sticky to Top on scrolling
Want to make the content of a specific row stick to the top on scrolling down page layout made with Beaver Builder? This functionality can be implemented using code from Sticky jQuery plugin. An ideal use case, when using the menu module within the layout that sticks to the top automatically on user scrolling for…
Read More